@designsystem-se/af 37.0.1 → 37.0.2

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

@@ -17,7 +17,9 @@
     "scopes": [
       "TEXT_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--text--primary"
+    },
     "digiName": "text--primary",
     "digiCSSVariable": "--digi--color--text--primary",
     "digiRecursiveValue": "#333333",
@@ -41,35 +43,39 @@
     "scopes": [
       "TEXT_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--text--secondary"
+    },
     "digiName": "text--secondary",
     "digiCSSVariable": "--digi--color--text--secondary",
     "digiRecursiveValue": "#FFFFFF",
     "digiValue": "grayscale--0"
   },
-  "background--primary": {
-    "name": "Background/primary",
-    "id": "VariableID:13649:1550",
+  "text--description": {
+    "name": "Text/description",
+    "id": "VariableID:14172:285",
     "remote": false,
-    "key": "e6d3db3ac69af5d374e5992803333b048fdba7f6",
+    "key": "aa37b80632a54f8fdda60ddae75c70eefb6c8cdc",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Neutral färg som används som en primär bakgrundsfärg.",
+    "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:13367:15"
+        "id": "VariableID:13386:28"
       }
     },
     "scopes": [
-      "FRAME_FILL"
+      "TEXT_FILL"
     ],
-    "codeSyntax": {},
-    "digiName": "background--primary",
-    "digiCSSVariable": "--digi--color--background--primary",
-    "digiRecursiveValue": "#FFFFFF",
-    "digiValue": "grayscale--0"
+    "codeSyntax": {
+      "WEB": "--digi--color--text--description"
+    },
+    "digiName": "text--description",
+    "digiCSSVariable": "--digi--color--text--description",
+    "digiRecursiveValue": "#5C5C5C",
+    "digiValue": "grayscale--800"
   },
   "text--interactive--primary": {
     "name": "Text/Interactive/primary",
@@ -89,7 +95,9 @@
     "scopes": [
       "TEXT_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--primary"
+    },
     "digiName": "text--interactive--primary",
     "digiCSSVariable": "--digi--color--text--interactive--primary",
     "digiRecursiveValue": "#1616B2",
@@ -113,7 +121,9 @@
     "scopes": [
       "TEXT_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--secondary"
+    },
     "digiName": "text--interactive--secondary",
     "digiCSSVariable": "--digi--color--text--interactive--secondary",
     "digiRecursiveValue": "#FFFFFF",
@@ -137,7 +147,9 @@
     "scopes": [
       "TEXT_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--tertiary"
+    },
     "digiName": "text--interactive--tertiary",
     "digiCSSVariable": "--digi--color--text--interactive--tertiary",
     "digiRecursiveValue": "#333333",
@@ -161,35 +173,39 @@
     "scopes": [
       "TEXT_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--brand-primary"
+    },
     "digiName": "text--interactive--brand-primary",
     "digiCSSVariable": "--digi--color--text--interactive--brand-primary",
     "digiRecursiveValue": "#091D54",
     "digiValue": "brand-primary--primary"
   },
-  "text--interactive--brand-secondary": {
-    "name": "Text/Interactive/brand-secondary",
-    "id": "VariableID:13828:316",
+  "background--primary": {
+    "name": "Background/primary",
+    "id": "VariableID:13649:1550",
     "remote": false,
-    "key": "dd586bdb41ee862b7870992e4c6f530827974802",
+    "key": "e6d3db3ac69af5d374e5992803333b048fdba7f6",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Används i länkknappar.",
+    "description": "Neutral färg som används som en primär bakgrundsfärg.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:15493:2"
+        "id": "VariableID:13367:15"
       }
     },
     "scopes": [
-      "TEXT_FILL"
+      "FRAME_FILL"
     ],
-    "codeSyntax": {},
-    "digiName": "text--interactive--brand-secondary",
-    "digiCSSVariable": "--digi--color--text--interactive--brand-secondary",
-    "digiRecursiveValue": "#67EE6A",
-    "digiValue": "brand-secondary--cta-on-dark"
+    "codeSyntax": {
+      "WEB": "--digi--color--background--primary"
+    },
+    "digiName": "background--primary",
+    "digiCSSVariable": "--digi--color--background--primary",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
   },
   "background--secondary": {
     "name": "Background/secondary",
@@ -209,12 +225,66 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--secondary"
+    },
     "digiName": "background--secondary",
     "digiCSSVariable": "--digi--color--background--secondary",
     "digiRecursiveValue": "#F4F4F4",
     "digiValue": "grayscale--100"
   },
+  "text--interactive--brand-secondary": {
+    "name": "Text/Interactive/brand-secondary",
+    "id": "VariableID:13828:316",
+    "remote": false,
+    "key": "dd586bdb41ee862b7870992e4c6f530827974802",
+    "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": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--brand-secondary"
+    },
+    "digiName": "text--interactive--brand-secondary",
+    "digiCSSVariable": "--digi--color--text--interactive--brand-secondary",
+    "digiRecursiveValue": "#67EE6A",
+    "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": {
+      "WEB": "--digi--color--text--interactive--visited"
+    },
+    "digiName": "text--interactive--visited",
+    "digiCSSVariable": "--digi--color--text--interactive--visited",
+    "digiRecursiveValue": "#822998",
+    "digiValue": "brand-link--visited"
+  },
   "background--secondary-accent": {
     "name": "Background/secondary-accent",
     "id": "VariableID:14424:911",
@@ -233,7 +303,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--secondary-accent"
+    },
     "digiName": "background--secondary-accent",
     "digiCSSVariable": "--digi--color--background--secondary-accent",
     "digiRecursiveValue": "#DDDDDD",
@@ -257,7 +329,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--secondary-muted"
+    },
     "digiName": "background--secondary-muted",
     "digiCSSVariable": "--digi--color--background--secondary-muted",
     "digiRecursiveValue": "#FBFBFB",
@@ -281,7 +355,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--brand-primary"
+    },
     "digiName": "background--brand-primary",
     "digiCSSVariable": "--digi--color--background--brand-primary",
     "digiRecursiveValue": "#091D54",
@@ -305,7 +381,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--transparent"
+    },
     "digiName": "background--transparent",
     "digiCSSVariable": "--digi--color--background--transparent",
     "digiRecursiveValue": "#FFFFFF",
@@ -329,12 +407,40 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--pop-out"
+    },
     "digiName": "background--pop-out",
     "digiCSSVariable": "--digi--color--background--pop-out",
     "digiRecursiveValue": "#EBF8EB",
     "digiValue": "brand-secondary--nuance-1"
   },
+  "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": {
+      "WEB": "--digi--color--background--notification"
+    },
+    "digiName": "background--notification",
+    "digiCSSVariable": "--digi--color--background--notification",
+    "digiRecursiveValue": "#DA0000",
+    "digiValue": "sentiment--error--500"
+  },
   "background--interactive--default--primary": {
     "name": "Background/Interactive/default/primary",
     "id": "VariableID:13821:189",
@@ -353,7 +459,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--primary"
+    },
     "digiName": "background--interactive--default--primary",
     "digiCSSVariable": "--digi--color--background--interactive--default--primary",
     "digiRecursiveValue": "#091D54",
@@ -377,36 +485,14 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--primary-inverted"
+    },
     "digiName": "background--interactive--default--primary-inverted",
     "digiCSSVariable": "--digi--color--background--interactive--default--primary-inverted",
     "digiRecursiveValue": "#67EE6A",
     "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",
@@ -425,7 +511,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--secondary"
+    },
     "digiName": "background--interactive--default--secondary",
     "digiCSSVariable": "--digi--color--background--interactive--default--secondary",
     "digiRecursiveValue": "#FFFFFF",
@@ -449,7 +537,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--secondary-inverted"
+    },
     "digiName": "background--interactive--default--secondary-inverted",
     "digiCSSVariable": "--digi--color--background--interactive--default--secondary-inverted",
     "digiRecursiveValue": "#FFFFFF",
@@ -473,7 +563,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--tertiary"
+    },
     "digiName": "background--interactive--default--tertiary",
     "digiCSSVariable": "--digi--color--background--interactive--default--tertiary",
     "digiRecursiveValue": "#EDEDED",
@@ -497,7 +589,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--quaternary"
+    },
     "digiName": "background--interactive--default--quaternary",
     "digiCSSVariable": "--digi--color--background--interactive--default--quaternary",
     "digiRecursiveValue": "#F4F4F4",
@@ -521,7 +615,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--input-elements"
+    },
     "digiName": "background--interactive--default--input-elements",
     "digiCSSVariable": "--digi--color--background--interactive--default--input-elements",
     "digiRecursiveValue": "#FFFFFF",
@@ -545,7 +641,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--pop-out"
+    },
     "digiName": "background--interactive--default--pop-out",
     "digiCSSVariable": "--digi--color--background--interactive--default--pop-out",
     "digiRecursiveValue": "#F2FAF2",
@@ -569,7 +667,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--hover--primary"
+    },
     "digiName": "background--interactive--hover--primary",
     "digiCSSVariable": "--digi--color--background--interactive--hover--primary",
     "digiRecursiveValue": "#043982",
@@ -593,7 +693,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--hover--secondary"
+    },
     "digiName": "background--interactive--hover--secondary",
     "digiCSSVariable": "--digi--color--background--interactive--hover--secondary",
     "digiRecursiveValue": "#DDF1FC",
@@ -617,7 +719,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--hover--tertiary"
+    },
     "digiName": "background--interactive--hover--tertiary",
     "digiCSSVariable": "--digi--color--background--interactive--hover--tertiary",
     "digiRecursiveValue": "#1616B2",
@@ -641,7 +745,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--hover--quarternary"
+    },
     "digiName": "background--interactive--hover--quarternary",
     "digiCSSVariable": "--digi--color--background--interactive--hover--quarternary",
     "digiRecursiveValue": "#EDEDED",
@@ -665,85 +771,221 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--hover--inverted"
+    },
     "digiName": "background--interactive--hover--inverted",
     "digiCSSVariable": "--digi--color--background--interactive--hover--inverted",
     "digiRecursiveValue": "#AAF5AB",
     "digiValue": "brand-cta-hover--secondary"
   },
-  "background--sentiment--error--primary": {
-    "name": "Background/Sentiment/error/primary",
-    "id": "VariableID:13836:7",
+  "background--interactive--selected--primary": {
+    "name": "Background/Interactive/selected/primary",
+    "id": "VariableID:13836:2",
     "remote": false,
-    "key": "a89b67e33b40bb7ac0891f3ddf974c689beddc11",
+    "key": "7107fd7600cc394052436d03f249d0acf794da1c",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Error-bakgrundsfärg som används i informationsmeddelande.",
+    "description": "Selected-utseende för kryssrutor, radioknappar, kalendern.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13385:50"
+        "id": "VariableID:13385:39"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
     "codeSyntax": {
-      "WEB": "Background/Sentiment/error/primary"
+      "WEB": "--digi--color--background--interactive--selected--primary"
     },
-    "digiName": "background--sentiment--error--primary",
-    "digiCSSVariable": "--digi--color--background--sentiment--error--primary",
-    "digiRecursiveValue": "#DA0000",
-    "digiValue": "sentiment--error--500"
+    "digiName": "background--interactive--selected--primary",
+    "digiCSSVariable": "--digi--color--background--interactive--selected--primary",
+    "digiRecursiveValue": "#008A20",
+    "digiValue": "sentiment--success--500"
   },
-  "text--description": {
-    "name": "Text/description",
-    "id": "VariableID:14172:285",
+  "background--interactive--selected--secondary": {
+    "name": "Background/Interactive/selected/secondary",
+    "id": "VariableID:13836:6",
     "remote": false,
-    "key": "aa37b80632a54f8fdda60ddae75c70eefb6c8cdc",
+    "key": "500426c096ee362633965f6db5ea05a3eacaf510",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Textfärg som används för beskrivningar, t.ex. i digi-progress-indicator.",
+    "description": "Selected-utseende för sekundära kryssrutor, radioknappar som använder sig av varumärkets primära färg.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13386:28"
+        "id": "VariableID:13332:3"
       }
     },
     "scopes": [
-      "TEXT_FILL"
+      "FRAME_FILL"
     ],
-    "codeSyntax": {},
-    "digiName": "text--description",
-    "digiCSSVariable": "--digi--color--text--description",
-    "digiRecursiveValue": "#5C5C5C",
-    "digiValue": "grayscale--800"
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--selected--secondary"
+    },
+    "digiName": "background--interactive--selected--secondary",
+    "digiCSSVariable": "--digi--color--background--interactive--selected--secondary",
+    "digiRecursiveValue": "#091D54",
+    "digiValue": "brand-primary--primary"
   },
-  "background--interactive--selected--primary": {
-    "name": "Background/Interactive/selected/primary",
-    "id": "VariableID:13836:2",
+  "background--interactive--selected--tertiary": {
+    "name": "Background/Interactive/selected/tertiary",
+    "id": "VariableID:14394:2656",
     "remote": false,
-    "key": "7107fd7600cc394052436d03f249d0acf794da1c",
+    "key": "89918daf4bda79284a7c8f1f585ba924bf7fbccc",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Selected-utseende för kryssrutor, radioknappar, kalendern.",
+    "description": "Selected-utseende för valalternativ i dropdowns, såsom i rullgardinsmeny och väljare med sök.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13385:39"
+        "id": "VariableID:13386:36"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
-    "digiName": "background--interactive--selected--primary",
-    "digiCSSVariable": "--digi--color--background--interactive--selected--primary",
-    "digiRecursiveValue": "#008A20",
-    "digiValue": "sentiment--success--500"
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--selected--tertiary"
+    },
+    "digiName": "background--interactive--selected--tertiary",
+    "digiCSSVariable": "--digi--color--background--interactive--selected--tertiary",
+    "digiRecursiveValue": "#EDEDED",
+    "digiValue": "grayscale--200"
+  },
+  "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": {
+      "WEB": "--digi--color--background--interactive--selected--on-menu-minus-button"
+    },
+    "digiName": "background--interactive--selected--on-menu-minus-button",
+    "digiCSSVariable": "--digi--color--background--interactive--selected--on-menu-minus-button",
+    "digiRecursiveValue": "#DDF4DD",
+    "digiValue": "brand-secondary--nuance-2"
+  },
+  "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": {
+      "WEB": "--digi--color--background--interactive--validation--success"
+    },
+    "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": {
+      "WEB": "--digi--color--background--interactive--validation--warning"
+    },
+    "digiName": "background--interactive--validation--warning",
+    "digiCSSVariable": "--digi--color--background--interactive--validation--warning",
+    "digiRecursiveValue": "#FFFBDD",
+    "digiValue": "sentiment--warning--50"
+  },
+  "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": {
+      "WEB": "--digi--color--background--interactive--validation--error"
+    },
+    "digiName": "background--interactive--validation--error",
+    "digiCSSVariable": "--digi--color--background--interactive--validation--error",
+    "digiRecursiveValue": "#FDEDED",
+    "digiValue": "sentiment--error--200"
+  },
+  "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": "--digi--color--background--sentiment--error--primary"
+    },
+    "digiName": "background--sentiment--error--primary",
+    "digiCSSVariable": "--digi--color--background--sentiment--error--primary",
+    "digiRecursiveValue": "#DA0000",
+    "digiValue": "sentiment--error--500"
   },
   "background--sentiment--error--secondary": {
     "name": "Background/Sentiment/error/secondary",
@@ -763,7 +1005,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--error--secondary"
+    },
     "digiName": "background--sentiment--error--secondary",
     "digiCSSVariable": "--digi--color--background--sentiment--error--secondary",
     "digiRecursiveValue": "#C7311A",
@@ -787,36 +1031,14 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--error--tertiary"
+    },
     "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 som använder sig av varumärkets primära färg.",
-    "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": "#091D54",
-    "digiValue": "brand-primary--primary"
-  },
   "background--sentiment--success--primary": {
     "name": "Background/Sentiment/success/primary",
     "id": "VariableID:13847:9",
@@ -835,7 +1057,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--success--primary"
+    },
     "digiName": "background--sentiment--success--primary",
     "digiCSSVariable": "--digi--color--background--sentiment--success--primary",
     "digiRecursiveValue": "#008A20",
@@ -859,7 +1083,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--success--secondary"
+    },
     "digiName": "background--sentiment--success--secondary",
     "digiCSSVariable": "--digi--color--background--sentiment--success--secondary",
     "digiRecursiveValue": "#02703C",
@@ -883,7 +1109,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--success--tertiary"
+    },
     "digiName": "background--sentiment--success--tertiary",
     "digiCSSVariable": "--digi--color--background--sentiment--success--tertiary",
     "digiRecursiveValue": "#E9F6EC",
@@ -907,7 +1135,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--warning--primary"
+    },
     "digiName": "background--sentiment--warning--primary",
     "digiCSSVariable": "--digi--color--background--sentiment--warning--primary",
     "digiRecursiveValue": "#FFE200",
@@ -931,7 +1161,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--warning--secondary"
+    },
     "digiName": "background--sentiment--warning--secondary",
     "digiCSSVariable": "--digi--color--background--sentiment--warning--secondary",
     "digiRecursiveValue": "#FFC108",
@@ -955,7 +1187,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--warning--tertiary"
+    },
     "digiName": "background--sentiment--warning--tertiary",
     "digiCSSVariable": "--digi--color--background--sentiment--warning--tertiary",
     "digiRecursiveValue": "#FFF398",
@@ -979,7 +1213,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--warning--quarternary"
+    },
     "digiName": "background--sentiment--warning--quarternary",
     "digiCSSVariable": "--digi--color--background--sentiment--warning--quarternary",
     "digiRecursiveValue": "#FFFBDD",
@@ -1003,7 +1239,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--info--primary"
+    },
     "digiName": "background--sentiment--info--primary",
     "digiCSSVariable": "--digi--color--background--sentiment--info--primary",
     "digiRecursiveValue": "#0A4DD1",
@@ -1027,7 +1265,9 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--info--secondary"
+    },
     "digiName": "background--sentiment--info--secondary",
     "digiCSSVariable": "--digi--color--background--sentiment--info--secondary",
     "digiRecursiveValue": "#0058A3",
@@ -1051,44 +1291,178 @@
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--info--tertiary"
+    },
     "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",
+  "background--sentiment--neutral--primary": {
+    "name": "Background/Sentiment/neutral/primary",
+    "id": "VariableID:13916:1763",
     "remote": false,
-    "key": "dfdc109a77160576a9617882d18be394a76b1f53",
+    "key": "08426caa3b0f73fc3847197ece9afc30299e1ac3",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Ram som används i notifikationsindikator.",
+    "description": "Neutral bakgrundsfärg som används i statusindikatorer.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13367:15"
+        "id": "VariableID:13386:29"
       }
     },
     "scopes": [
-      "STROKE_COLOR"
+      "FRAME_FILL"
     ],
-    "codeSyntax": {},
-    "digiName": "border--notification",
-    "digiCSSVariable": "--digi--color--border--notification",
-    "digiRecursiveValue": "#FFFFFF",
-    "digiValue": "grayscale--0"
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--neutral--primary"
+    },
+    "digiName": "background--sentiment--neutral--primary",
+    "digiCSSVariable": "--digi--color--background--sentiment--neutral--primary",
+    "digiRecursiveValue": "#757575",
+    "digiValue": "grayscale--700"
   },
-  "border--transparent": {
-    "name": "Border/transparent",
-    "id": "VariableID:13916:1778",
+  "background--sentiment--neutral--secondary": {
+    "name": "Background/Sentiment/neutral/secondary",
+    "id": "VariableID:13916:1762",
     "remote": false,
-    "key": "13c6c663f5304b1a638a1ab5378dd85f382a9ec0",
+    "key": "1c0d36c2690749b5b45e19c00634eedd577573c0",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Transparent ram.",
+    "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": {
+      "WEB": "--digi--color--background--sentiment--neutral--secondary"
+    },
+    "digiName": "background--sentiment--neutral--secondary",
+    "digiCSSVariable": "--digi--color--background--sentiment--neutral--secondary",
+    "digiRecursiveValue": "#DDDDDD",
+    "digiValue": "grayscale--400"
+  },
+  "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": {
+      "WEB": "--digi--color--background--sentiment--neutral--tertiary"
+    },
+    "digiName": "background--sentiment--neutral--tertiary",
+    "digiCSSVariable": "--digi--color--background--sentiment--neutral--tertiary",
+    "digiRecursiveValue": "#333333",
+    "digiValue": "grayscale--900"
+  },
+  "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": {
+      "WEB": "--digi--color--background--sentiment--beta--primary"
+    },
+    "digiName": "background--sentiment--beta--primary",
+    "digiCSSVariable": "--digi--color--background--sentiment--beta--primary",
+    "digiRecursiveValue": "#CE1CBD",
+    "digiValue": "brand-complementary--secondary"
+  },
+  "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": {
+      "WEB": "--digi--color--background--sentiment--beta--secondary"
+    },
+    "digiName": "background--sentiment--beta--secondary",
+    "digiCSSVariable": "--digi--color--background--sentiment--beta--secondary",
+    "digiRecursiveValue": "#F8DDF5",
+    "digiValue": "brand-complementary--secondary-nuance"
+  },
+  "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": {
+      "WEB": "--digi--color--border--notification"
+    },
+    "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": {
@@ -1099,7 +1473,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--transparent"
+    },
     "digiName": "border--transparent",
     "digiCSSVariable": "--digi--color--border--transparent",
     "digiRecursiveValue": "#FFFFFF",
@@ -1123,7 +1499,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--default--primary"
+    },
     "digiName": "border--interactive--default--primary",
     "digiCSSVariable": "--digi--color--border--interactive--default--primary",
     "digiRecursiveValue": "#091D54",
@@ -1147,7 +1525,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--default--on-input"
+    },
     "digiName": "border--interactive--default--on-input",
     "digiCSSVariable": "--digi--color--border--interactive--default--on-input",
     "digiRecursiveValue": "#333333",
@@ -1171,7 +1551,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--default--on-input-nuance"
+    },
     "digiName": "border--interactive--default--on-input-nuance",
     "digiCSSVariable": "--digi--color--border--interactive--default--on-input-nuance",
     "digiRecursiveValue": "#5C5C5C",
@@ -1195,7 +1577,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--default--inverted"
+    },
     "digiName": "border--interactive--default--inverted",
     "digiCSSVariable": "--digi--color--border--interactive--default--inverted",
     "digiRecursiveValue": "#67EE6A",
@@ -1219,7 +1603,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "\t --digi--color--border--interactive--hover--primary"
+    },
     "digiName": "border--interactive--hover--primary",
     "digiCSSVariable": "--digi--color--border--interactive--hover--primary",
     "digiRecursiveValue": "#043982",
@@ -1243,7 +1629,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "\t --digi--color--border--interactive--hover--secondary"
+    },
     "digiName": "border--interactive--hover--secondary",
     "digiCSSVariable": "--digi--color--border--interactive--hover--secondary",
     "digiRecursiveValue": "#091D54",
@@ -1267,7 +1655,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--hover--inverted"
+    },
     "digiName": "border--interactive--hover--inverted",
     "digiCSSVariable": "--digi--color--border--interactive--hover--inverted",
     "digiRecursiveValue": "#AAF5AB",
@@ -1291,7 +1681,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--success"
+    },
     "digiName": "border--interactive--validation--success",
     "digiCSSVariable": "--digi--color--border--interactive--validation--success",
     "digiRecursiveValue": "#008A20",
@@ -1315,7 +1707,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--warning"
+    },
     "digiName": "border--interactive--validation--warning",
     "digiCSSVariable": "--digi--color--border--interactive--validation--warning",
     "digiRecursiveValue": "#664D00",
@@ -1339,7 +1733,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--error"
+    },
     "digiName": "border--interactive--validation--error",
     "digiCSSVariable": "--digi--color--border--interactive--validation--error",
     "digiRecursiveValue": "#DA0000",
@@ -1364,7 +1760,7 @@
       "STROKE_COLOR"
     ],
     "codeSyntax": {
-      "WEB": "Border/Interactive/selected/primary"
+      "WEB": "--digi--color--border--interactive--selected--primary"
     },
     "digiName": "border--interactive--selected--primary",
     "digiCSSVariable": "--digi--color--border--interactive--selected--primary",
@@ -1389,7 +1785,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--selected--secondary"
+    },
     "digiName": "border--interactive--selected--secondary",
     "digiCSSVariable": "--digi--color--border--interactive--selected--secondary",
     "digiRecursiveValue": "#091D54",
@@ -1413,7 +1811,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--sentiment--error"
+    },
     "digiName": "border--sentiment--error",
     "digiCSSVariable": "--digi--color--border--sentiment--error",
     "digiRecursiveValue": "#DA0000",
@@ -1437,7 +1837,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--sentiment--success"
+    },
     "digiName": "border--sentiment--success",
     "digiCSSVariable": "--digi--color--border--sentiment--success",
     "digiRecursiveValue": "#008A20",
@@ -1461,7 +1863,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--sentiment--warning"
+    },
     "digiName": "border--sentiment--warning",
     "digiCSSVariable": "--digi--color--border--sentiment--warning",
     "digiRecursiveValue": "#FFE200",
@@ -1485,7 +1889,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--sentiment--info"
+    },
     "digiName": "border--sentiment--info",
     "digiCSSVariable": "--digi--color--border--sentiment--info",
     "digiRecursiveValue": "#0A4DD1",
@@ -1509,7 +1915,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--accent--primary"
+    },
     "digiName": "border--accent--primary",
     "digiCSSVariable": "--digi--color--border--accent--primary",
     "digiRecursiveValue": "#091D54",
@@ -1533,7 +1941,9 @@
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--accent--secondary"
+    },
     "digiName": "border--accent--secondary",
     "digiCSSVariable": "--digi--color--border--accent--secondary",
     "digiRecursiveValue": "#02A704",
@@ -1559,38 +1969,14 @@
       "SHAPE_FILL",
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--marking--navigation--selected"
+    },
     "digiName": "marking--navigation--selected",
     "digiCSSVariable": "--digi--color--marking--navigation--selected",
     "digiRecursiveValue": "#02A704",
     "digiValue": "brand-secondary--primary"
   },
-  "divider--primary": {
-    "name": "Divider/primary",
-    "id": "VariableID:13916:1082",
-    "remote": false,
-    "key": "79f4a85cfdd2407053002ceeb4fe3f07ad194348",
-    "variableCollectionId": "VariableCollectionId:13447:2",
-    "resolvedType": "COLOR",
-    "description": "Primär färg för divider",
-    "hiddenFromPublishing": false,
-    "valuesByMode": {
-      "13447:0": {
-        "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13386:35"
-      }
-    },
-    "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",
@@ -1611,7 +1997,9 @@
       "SHAPE_FILL",
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--marking--navigation--level-active"
+    },
     "digiName": "marking--navigation--level-active",
     "digiCSSVariable": "--digi--color--marking--navigation--level-active",
     "digiRecursiveValue": "#DDF4DD",
@@ -1637,36 +2025,14 @@
       "SHAPE_FILL",
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--marking--navigation--level-inactive"
+    },
     "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 valalternativ i dropdowns, såsom i rullgardinsmeny och väljare med sök.",
-    "hiddenFromPublishing": false,
-    "valuesByMode": {
-      "13447:0": {
-        "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13386:36"
-      }
-    },
-    "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",
@@ -1687,7 +2053,9 @@
       "SHAPE_FILL",
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--marking--indication--primary"
+    },
     "digiName": "marking--indication--primary",
     "digiCSSVariable": "--digi--color--marking--indication--primary",
     "digiRecursiveValue": "#008A20",
@@ -1713,7 +2081,9 @@
       "SHAPE_FILL",
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--marking--indication--secondary"
+    },
     "digiName": "marking--indication--secondary",
     "digiCSSVariable": "--digi--color--marking--indication--secondary",
     "digiRecursiveValue": "#091D54",
@@ -1739,107 +2109,41 @@
       "SHAPE_FILL",
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--marking--indication--tertiary"
+    },
     "digiName": "marking--indication--tertiary",
     "digiCSSVariable": "--digi--color--marking--indication--tertiary",
     "digiRecursiveValue": "#757575",
     "digiValue": "grayscale--700"
   },
-  "icon--primary": {
-    "name": "Icon/primary",
-    "id": "VariableID:13650:2071",
+  "divider--primary": {
+    "name": "Divider/primary",
+    "id": "VariableID:13916:1082",
     "remote": false,
-    "key": "7bfa06a68ce257b5383e4980aa38749f7ba016d0",
+    "key": "79f4a85cfdd2407053002ceeb4fe3f07ad194348",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Förstahandsval för ikoner som ligger på ljus bakgrund.",
-    "hiddenFromPublishing": false,
-    "valuesByMode": {
-      "13447:0": {
-        "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13386:37"
-      }
-    },
-    "scopes": [
-      "ALL_SCOPES"
-    ],
-    "codeSyntax": {},
-    "digiName": "icon--primary",
-    "digiCSSVariable": "--digi--color--icon--primary",
-    "digiRecursiveValue": "#333333",
-    "digiValue": "grayscale--900"
-  },
-  "icon--validation--success": {
-    "name": "Icon/Validation/success",
-    "id": "VariableID:13649:1580",
-    "remote": false,
-    "key": "f4e66d13f4d4d0d3e557b55162833da15788f5cb",
-    "variableCollectionId": "VariableCollectionId:13447:2",
-    "resolvedType": "COLOR",
-    "description": "Används för ikoner som visar success-state. Används i valideringsmeddelande.",
-    "hiddenFromPublishing": false,
-    "valuesByMode": {
-      "13447:0": {
-        "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13385:39"
-      }
-    },
-    "scopes": [
-      "SHAPE_FILL"
-    ],
-    "codeSyntax": {},
-    "digiName": "icon--validation--success",
-    "digiCSSVariable": "--digi--color--icon--validation--success",
-    "digiRecursiveValue": "#008A20",
-    "digiValue": "sentiment--success--500"
-  },
-  "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.",
+    "description": "Primär färg för divider",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13461:3"
+        "id": "VariableID:13386:35"
       }
     },
     "scopes": [
-      "FRAME_FILL"
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
     ],
-    "codeSyntax": {},
-    "digiName": "background--interactive--selected--on-menu-minus-button",
-    "digiCSSVariable": "--digi--color--background--interactive--selected--on-menu-minus-button",
-    "digiRecursiveValue": "#DDF4DD",
-    "digiValue": "brand-secondary--nuance-2"
-  },
-  "icon--validation--warning": {
-    "name": "Icon/Validation/warning",
-    "id": "VariableID:13650:1356",
-    "remote": false,
-    "key": "40f6c2cf0ffb41a96ecade13534ce8d3a16749b3",
-    "variableCollectionId": "VariableCollectionId:13447:2",
-    "resolvedType": "COLOR",
-    "description": "Används för ikoner som visar warning-state. Används i valideringsmeddelande.",
-    "hiddenFromPublishing": false,
-    "valuesByMode": {
-      "13447:0": {
-        "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13385:28"
-      }
+    "codeSyntax": {
+      "WEB": "--digi--color--divider--primary"
     },
-    "scopes": [
-      "SHAPE_FILL"
-    ],
-    "codeSyntax": {},
-    "digiName": "icon--validation--warning",
-    "digiCSSVariable": "--digi--color--icon--validation--warning",
-    "digiRecursiveValue": "#FFE200",
-    "digiValue": "sentiment--warning--500"
+    "digiName": "divider--primary",
+    "digiCSSVariable": "--digi--color--divider--primary",
+    "digiRecursiveValue": "#DDDDDD",
+    "digiValue": "grayscale--400"
   },
   "divider--secondary": {
     "name": "Divider/secondary",
@@ -1861,7 +2165,9 @@
       "SHAPE_FILL",
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--divider--secondary"
+    },
     "digiName": "divider--secondary",
     "digiCSSVariable": "--digi--color--divider--secondary",
     "digiRecursiveValue": "#EDEDED",
@@ -1887,7 +2193,9 @@
       "SHAPE_FILL",
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--divider--tertiary"
+    },
     "digiName": "divider--tertiary",
     "digiCSSVariable": "--digi--color--divider--tertiary",
     "digiRecursiveValue": "#CACACA",
@@ -1913,36 +2221,14 @@
       "SHAPE_FILL",
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--divider--on-brand-primary"
+    },
     "digiName": "divider--on-brand-primary",
     "digiCSSVariable": "--digi--color--divider--on-brand-primary",
     "digiRecursiveValue": "#ABDEF7",
     "digiValue": "brand-primary--nuance-1"
   },
-  "icon--validation--error": {
-    "name": "Icon/Validation/error",
-    "id": "VariableID:13650:1357",
-    "remote": false,
-    "key": "f168c0449678c64a1b0db58e1ee971f9cf6809d7",
-    "variableCollectionId": "VariableCollectionId:13447:2",
-    "resolvedType": "COLOR",
-    "description": "Används för ikoner som visar error-state. Används i valideringsmeddelande.",
-    "hiddenFromPublishing": false,
-    "valuesByMode": {
-      "13447:0": {
-        "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13385:50"
-      }
-    },
-    "scopes": [
-      "SHAPE_FILL"
-    ],
-    "codeSyntax": {},
-    "digiName": "icon--validation--error",
-    "digiCSSVariable": "--digi--color--icon--validation--error",
-    "digiRecursiveValue": "#DA0000",
-    "digiValue": "sentiment--error--500"
-  },
   "divider--cta": {
     "name": "Divider/cta",
     "id": "VariableID:14214:455",
@@ -1963,12 +2249,40 @@
       "SHAPE_FILL",
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--divider--cta"
+    },
     "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": "Förstahandsval för ikoner som ligger på ljus bakgrund.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--primary"
+    },
+    "digiName": "icon--primary",
+    "digiCSSVariable": "--digi--color--icon--primary",
+    "digiRecursiveValue": "#333333",
+    "digiValue": "grayscale--900"
+  },
   "icon--secondary": {
     "name": "Icon/secondary",
     "id": "VariableID:13650:2070",
@@ -1987,7 +2301,9 @@
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--secondary"
+    },
     "digiName": "icon--secondary",
     "digiCSSVariable": "--digi--color--icon--secondary",
     "digiRecursiveValue": "#FFFFFF",
@@ -2011,7 +2327,9 @@
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--brand-primary"
+    },
     "digiName": "icon--brand-primary",
     "digiCSSVariable": "--digi--color--icon--brand-primary",
     "digiRecursiveValue": "#091D54",
@@ -2035,7 +2353,9 @@
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--brand-secondary"
+    },
     "digiName": "icon--brand-secondary",
     "digiCSSVariable": "--digi--color--icon--brand-secondary",
     "digiRecursiveValue": "#67EE6A",
@@ -2059,277 +2379,91 @@
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--cta"
+    },
     "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--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--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": "#CE1CBD",
-    "digiValue": "brand-complementary--secondary"
-  },
-  "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": "#F8DDF5",
-    "digiValue": "brand-complementary--secondary-nuance"
-  },
-  "background--notification": {
-    "name": "Background/notification",
-    "id": "VariableID:13916:1678",
+  "icon--validation--success": {
+    "name": "Icon/Validation/success",
+    "id": "VariableID:13649:1580",
     "remote": false,
-    "key": "763e4dd50cfd3851fde20edb4c7656ee1ab6c213",
+    "key": "f4e66d13f4d4d0d3e557b55162833da15788f5cb",
     "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.",
+    "description": "Används för ikoner som visar success-state. Används i valideringsmeddelande.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13385:50"
+        "id": "VariableID:13385:39"
       }
     },
     "scopes": [
-      "FRAME_FILL"
+      "SHAPE_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"
-      }
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--validation--success"
     },
-    "scopes": [
-      "FRAME_FILL"
-    ],
-    "codeSyntax": {},
-    "digiName": "background--sentiment--neutral--tertiary",
-    "digiCSSVariable": "--digi--color--background--sentiment--neutral--tertiary",
-    "digiRecursiveValue": "#333333",
-    "digiValue": "grayscale--900"
+    "digiName": "icon--validation--success",
+    "digiCSSVariable": "--digi--color--icon--validation--success",
+    "digiRecursiveValue": "#008A20",
+    "digiValue": "sentiment--success--500"
   },
-  "misc--spinner-path": {
-    "name": "Misc/spinner-path",
-    "id": "VariableID:14194:1890",
+  "icon--validation--warning": {
+    "name": "Icon/Validation/warning",
+    "id": "VariableID:13650:1356",
     "remote": false,
-    "key": "264ad22c52a82c863dfdbcd4f7917259b93f020d",
+    "key": "40f6c2cf0ffb41a96ecade13534ce8d3a16749b3",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Används i Spinner-komponenten.",
+    "description": "Används för ikoner som visar warning-state. Används i valideringsmeddelande.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13386:35"
+        "id": "VariableID:13385:28"
       }
     },
     "scopes": [
-      "FRAME_FILL",
       "SHAPE_FILL"
     ],
-    "codeSyntax": {},
-    "digiName": "misc--spinner-path",
-    "digiCSSVariable": "--digi--color--misc--spinner-path",
-    "digiRecursiveValue": "#DDDDDD",
-    "digiValue": "grayscale--400"
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--validation--warning"
+    },
+    "digiName": "icon--validation--warning",
+    "digiCSSVariable": "--digi--color--icon--validation--warning",
+    "digiRecursiveValue": "#FFE200",
+    "digiValue": "sentiment--warning--500"
   },
-  "misc--skeleton": {
-    "name": "Misc/skeleton",
-    "id": "VariableID:15650:2847",
+  "icon--validation--error": {
+    "name": "Icon/Validation/error",
+    "id": "VariableID:13650:1357",
     "remote": false,
-    "key": "dcf95cfb99b765a4eafbc3b152d6f8cd24e02a04",
+    "key": "f168c0449678c64a1b0db58e1ee971f9cf6809d7",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Används i Platshållare-komponenten.",
+    "description": "Används för ikoner som visar error-state. Används i valideringsmeddelande.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13386:35"
+        "id": "VariableID:13385:50"
       }
     },
     "scopes": [
-      "FRAME_FILL",
       "SHAPE_FILL"
     ],
-    "codeSyntax": {},
-    "digiName": "misc--skeleton",
-    "digiCSSVariable": "--digi--color--misc--skeleton",
-    "digiRecursiveValue": "#DDDDDD",
-    "digiValue": "grayscale--400"
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--validation--error"
+    },
+    "digiName": "icon--validation--error",
+    "digiCSSVariable": "--digi--color--icon--validation--error",
+    "digiRecursiveValue": "#DA0000",
+    "digiValue": "sentiment--error--500"
   },
   "infographic--lineart": {
     "name": "Infographic/Lineart",
@@ -2349,59 +2483,65 @@
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--lineart"
+    },
     "digiName": "infographic--lineart",
     "digiCSSVariable": "--digi--color--infographic--lineart",
     "digiRecursiveValue": "#333333",
     "digiValue": "grayscale--900"
   },
-  "infographic--brand--primary": {
-    "name": "Infographic/Brand/Primary",
-    "id": "VariableID:16588:3944",
+  "infographic--background": {
+    "name": "Infographic/Background",
+    "id": "VariableID:16588:11013",
     "remote": false,
-    "key": "bbc9f09691a4949f0395c1fd1adcd86bae1a89ef",
+    "key": "e738249ea2e120f7948725e2d7a3ec4eadca2107",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Används som primär färg för infografik.",
+    "description": "",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:17212:928"
+        "id": "VariableID:13367:15"
       }
     },
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
-    "digiName": "infographic--brand--primary",
-    "digiCSSVariable": "--digi--color--infographic--brand--primary",
-    "digiRecursiveValue": "#02A704",
-    "digiValue": "infographics--primary"
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--background"
+    },
+    "digiName": "infographic--background",
+    "digiCSSVariable": "--digi--color--infographic--background",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
   },
-  "infographic--background": {
-    "name": "Infographic/Background",
-    "id": "VariableID:16588:11013",
+  "infographic--brand--primary": {
+    "name": "Infographic/Brand/Primary",
+    "id": "VariableID:16588:3944",
     "remote": false,
-    "key": "e738249ea2e120f7948725e2d7a3ec4eadca2107",
+    "key": "bbc9f09691a4949f0395c1fd1adcd86bae1a89ef",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "",
+    "description": "Används som primär färg för infografik.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13367:15"
+        "id": "VariableID:17212:928"
       }
     },
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
-    "digiName": "infographic--background",
-    "digiCSSVariable": "--digi--color--infographic--background",
-    "digiRecursiveValue": "#FFFFFF",
-    "digiValue": "grayscale--0"
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--brand--primary"
+    },
+    "digiName": "infographic--brand--primary",
+    "digiCSSVariable": "--digi--color--infographic--brand--primary",
+    "digiRecursiveValue": "#02A704",
+    "digiValue": "infographics--primary"
   },
   "infographic--brand--primary-alt": {
     "name": "Infographic/Brand/Primary-alt",
@@ -2421,7 +2561,9 @@
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--brand--primary-alt"
+    },
     "digiName": "infographic--brand--primary-alt",
     "digiCSSVariable": "--digi--color--infographic--brand--primary-alt",
     "digiRecursiveValue": "#02A704",
@@ -2445,7 +2587,9 @@
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--brand--secondary"
+    },
     "digiName": "infographic--brand--secondary",
     "digiCSSVariable": "--digi--color--infographic--brand--secondary",
     "digiRecursiveValue": "#CBECC9",
@@ -2469,12 +2613,93 @@
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--brand--secondary-alt"
+    },
     "digiName": "infographic--brand--secondary-alt",
     "digiCSSVariable": "--digi--color--infographic--brand--secondary-alt",
     "digiRecursiveValue": "#CBECC9",
     "digiValue": "infographics--secondary"
   },
+  "misc--spinner-path": {
+    "name": "Misc/spinner-path",
+    "id": "VariableID:14194:1890",
+    "remote": false,
+    "key": "264ad22c52a82c863dfdbcd4f7917259b93f020d",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Används i Spinner-komponenten.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--misc--spinner-path"
+    },
+    "digiName": "misc--spinner-path",
+    "digiCSSVariable": "--digi--color--misc--spinner-path",
+    "digiRecursiveValue": "#DDDDDD",
+    "digiValue": "grayscale--400"
+  },
+  "misc--skeleton": {
+    "name": "Misc/skeleton",
+    "id": "VariableID:15650:2847",
+    "remote": false,
+    "key": "dcf95cfb99b765a4eafbc3b152d6f8cd24e02a04",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Används i Platshållare-komponenten.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--misc--skeleton"
+    },
+    "digiName": "misc--skeleton",
+    "digiCSSVariable": "--digi--color--misc--skeleton",
+    "digiRecursiveValue": "#DDDDDD",
+    "digiValue": "grayscale--400"
+  },
+  "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": "#FFFFFF",
+    "digiCSSVariable": "--digi--misc--transparent"
+  },
   "grayscale--0": {
     "name": "Grayscale/0",
     "id": "VariableID:13367:15",
@@ -2800,20 +3025,20 @@
     "digiRecursiveValue": "#E9E9FF",
     "digiCSSVariable": "--digi--sentiment--informative--200"
   },
-  "sentiment--informative--700": {
-    "name": "Sentiment/Informative/700",
-    "id": "VariableID:13385:84",
+  "sentiment--informative--500": {
+    "name": "Sentiment/Informative/500",
+    "id": "VariableID:13385:85",
     "remote": false,
-    "key": "8a621b9f8e0da36e5b68ade06c5c4b65b99e8192",
+    "key": "d334ebd2e6438f1bfd00d5aa82fe55870bf319fd",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
     "hiddenFromPublishing": true,
     "valuesByMode": {
       "13367:3": {
-        "r": 0,
-        "g": 0.3450980484485626,
-        "b": 0.6392157077789307,
+        "r": 0.03921568766236305,
+        "g": 0.3019607961177826,
+        "b": 0.8196078538894653,
         "a": 1
       }
     },
@@ -2821,24 +3046,24 @@
       "ALL_SCOPES"
     ],
     "codeSyntax": {},
-    "digiName": "sentiment--informative--700",
-    "digiRecursiveValue": "#0058A3",
-    "digiCSSVariable": "--digi--sentiment--informative--700"
+    "digiName": "sentiment--informative--500",
+    "digiRecursiveValue": "#0A4DD1",
+    "digiCSSVariable": "--digi--sentiment--informative--500"
   },
-  "sentiment--informative--500": {
-    "name": "Sentiment/Informative/500",
-    "id": "VariableID:13385:85",
+  "sentiment--informative--700": {
+    "name": "Sentiment/Informative/700",
+    "id": "VariableID:13385:84",
     "remote": false,
-    "key": "d334ebd2e6438f1bfd00d5aa82fe55870bf319fd",
+    "key": "8a621b9f8e0da36e5b68ade06c5c4b65b99e8192",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
     "hiddenFromPublishing": true,
     "valuesByMode": {
       "13367:3": {
-        "r": 0.03921568766236305,
-        "g": 0.3019607961177826,
-        "b": 0.8196078538894653,
+        "r": 0,
+        "g": 0.3450980484485626,
+        "b": 0.6392157077789307,
         "a": 1
       }
     },
@@ -2846,9 +3071,9 @@
       "ALL_SCOPES"
     ],
     "codeSyntax": {},
-    "digiName": "sentiment--informative--500",
-    "digiRecursiveValue": "#0A4DD1",
-    "digiCSSVariable": "--digi--sentiment--informative--500"
+    "digiName": "sentiment--informative--700",
+    "digiRecursiveValue": "#0058A3",
+    "digiCSSVariable": "--digi--sentiment--informative--700"
   },
   "sentiment--error--200": {
     "name": "Sentiment/Error/200",
@@ -3000,11 +3225,11 @@
     "digiRecursiveValue": "#02703C",
     "digiCSSVariable": "--digi--sentiment--success--700"
   },
-  "sentiment--warning--50": {
-    "name": "Sentiment/Warning/50",
-    "id": "VariableID:13385:30",
+  "sentiment--warning--200": {
+    "name": "Sentiment/Warning/200",
+    "id": "VariableID:13385:29",
     "remote": false,
-    "key": "0914cc900fa17eb2ff562f317265711b4311253f",
+    "key": "e807ead65168bba702466e4419333c7905fd7c8b",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -3012,8 +3237,8 @@
     "valuesByMode": {
       "13367:3": {
         "r": 1,
-        "g": 0.9843137264251709,
-        "b": 0.8666666746139526,
+        "g": 0.9529411792755127,
+        "b": 0.5960784554481506,
         "a": 1
       }
     },
@@ -3021,15 +3246,15 @@
       "ALL_SCOPES"
     ],
     "codeSyntax": {},
-    "digiName": "sentiment--warning--50",
-    "digiRecursiveValue": "#FFFBDD",
-    "digiCSSVariable": "--digi--sentiment--warning--50"
+    "digiName": "sentiment--warning--200",
+    "digiRecursiveValue": "#FFF398",
+    "digiCSSVariable": "--digi--sentiment--warning--200"
   },
-  "sentiment--warning--200": {
-    "name": "Sentiment/Warning/200",
-    "id": "VariableID:13385:29",
+  "sentiment--warning--50": {
+    "name": "Sentiment/Warning/50",
+    "id": "VariableID:13385:30",
     "remote": false,
-    "key": "e807ead65168bba702466e4419333c7905fd7c8b",
+    "key": "0914cc900fa17eb2ff562f317265711b4311253f",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -3037,8 +3262,8 @@
     "valuesByMode": {
       "13367:3": {
         "r": 1,
-        "g": 0.9529411792755127,
-        "b": 0.5960784554481506,
+        "g": 0.9843137264251709,
+        "b": 0.8666666746139526,
         "a": 1
       }
     },
@@ -3046,9 +3271,9 @@
       "ALL_SCOPES"
     ],
     "codeSyntax": {},
-    "digiName": "sentiment--warning--200",
-    "digiRecursiveValue": "#FFF398",
-    "digiCSSVariable": "--digi--sentiment--warning--200"
+    "digiName": "sentiment--warning--50",
+    "digiRecursiveValue": "#FFFBDD",
+    "digiCSSVariable": "--digi--sentiment--warning--50"
   },
   "sentiment--warning--500": {
     "name": "Sentiment/Warning/500",
@@ -3124,30 +3349,5 @@
     "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": "#FFFFFF",
-    "digiCSSVariable": "--digi--misc--transparent"
   }
 }