@designsystem-se/af 36.0.2 → 36.0.3-beta.0

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

@@ -3,7 +3,7 @@
     "name": "Text/primary",
     "id": "VariableID:13649:1579",
     "remote": false,
-    "key": "cfc7c8080f201a9b56c7be87ec5ad2555f9c4a7c",
+    "key": "895ef065e32f1ea3527f38a8ef1ee4e383b14840",
     "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.",
@@ -12,22 +12,58 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:37"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
       }
     },
     "scopes": [
       "TEXT_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--text--primary"
+    },
     "digiName": "text--primary",
     "digiCSSVariable": "--digi--color--text--primary",
     "digiRecursiveValue": "#333333",
     "digiValue": "grayscale--900"
   },
+  "text--primary-stay": {
+    "name": "Text/primary-stay",
+    "id": "VariableID:21019:21376",
+    "remote": false,
+    "key": "40278b056f05f921e93be49ae4265cfac91eb95a",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Togs fram för status taggar som behöver text som förbli mörk pga kontrast",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--primary"
+    },
+    "digiName": "text--primary-stay",
+    "digiCSSVariable": "--digi--color--text--primary-stay",
+    "digiRecursiveValue": "#333333",
+    "digiValue": "grayscale--900"
+  },
   "text--secondary": {
     "name": "Text/secondary",
     "id": "VariableID:13916:1105",
     "remote": false,
-    "key": "9b6f045fd71ed3b9ee1ba46a97cf81b2cc5e5923",
+    "key": "d8e425d71781610c3b2dc0b3676d2e4df18fa1a5",
     "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.",
@@ -36,22 +72,58 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
       }
     },
     "scopes": [
       "TEXT_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--text--secondary"
+    },
     "digiName": "text--secondary",
     "digiCSSVariable": "--digi--color--text--secondary",
     "digiRecursiveValue": "#FFFFFF",
     "digiValue": "grayscale--0"
   },
+  "text--secondary-stay": {
+    "name": "Text/secondary-stay",
+    "id": "VariableID:21019:21377",
+    "remote": false,
+    "key": "64119a0701d23b65d35f28ff64df6bb3790a3d3b",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Sekundär textfärg som används mot mörk eller annan färgstark bakgrund. Används ex. i digi-footer och digi-status-badge. och som behöver förbli vit för att behålla sin tydlighet, tog frm detta för statustaggar",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--secondary"
+    },
+    "digiName": "text--secondary-stay",
+    "digiCSSVariable": "--digi--color--text--secondary-stay",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
   "background--primary": {
     "name": "Background/primary",
     "id": "VariableID:13649:1550",
     "remote": false,
-    "key": "e6d3db3ac69af5d374e5992803333b048fdba7f6",
+    "key": "6167d3aaf0c26594a57c76e8765d102abb9919e1",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Neutral färg som används som en primär bakgrundsfärg.",
@@ -60,22 +132,58 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10578"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--primary"
+    },
     "digiName": "background--primary",
     "digiCSSVariable": "--digi--color--background--primary",
     "digiRecursiveValue": "#FFFFFF",
     "digiValue": "grayscale--0"
   },
+  "background--primary-elevated": {
+    "name": "Background/primary- elevated",
+    "id": "VariableID:21003:10829",
+    "remote": false,
+    "key": "823387496accfa27cf88b3cfebec2e64baaf69b6",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Neutral färg som används som en primär bakgrundsfärg.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--primary"
+    },
+    "digiName": "background--primary-elevated",
+    "digiCSSVariable": "--digi--color--background--primary-elevated",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
   "text--interactive--primary": {
     "name": "Text/Interactive/primary",
     "id": "VariableID:13828:67",
     "remote": false,
-    "key": "f6a0dbee8c19d108a1a077e93d2e0017707f5b51",
+    "key": "f103f6dd250db517119a211381e83edd28233c9d",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används för länkar.",
@@ -84,22 +192,58 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13377:27"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
       }
     },
     "scopes": [
       "TEXT_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--primary"
+    },
     "digiName": "text--interactive--primary",
     "digiCSSVariable": "--digi--color--text--interactive--primary",
     "digiRecursiveValue": "#1616B2",
     "digiValue": "brand-link--default"
   },
+  "text--interactive--primary-discreet": {
+    "name": "Text/Interactive/primary-discreet",
+    "id": "VariableID:21002:10732",
+    "remote": false,
+    "key": "e37f9d0cced26882b1f6d391c0a5ab3fc4d8faec",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Används för länkade rubriker som ska tonas ner i dark mode.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13377:27"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--primary"
+    },
+    "digiName": "text--interactive--primary-discreet",
+    "digiCSSVariable": "--digi--color--text--interactive--primary-discreet",
+    "digiRecursiveValue": "#1616B2",
+    "digiValue": "brand-link--default"
+  },
   "text--interactive--secondary": {
     "name": "Text/Interactive/secondary",
     "id": "VariableID:13828:314",
     "remote": false,
-    "key": "a47f7e698f2d7224c415f6e677a9fab9478c95ec",
+    "key": "32c9f425f3840cdf43370414e0eee5f0b7e70109",
     "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.",
@@ -108,22 +252,58 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
       }
     },
     "scopes": [
       "TEXT_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--secondary"
+    },
     "digiName": "text--interactive--secondary",
     "digiCSSVariable": "--digi--color--text--interactive--secondary",
     "digiRecursiveValue": "#FFFFFF",
     "digiValue": "grayscale--0"
   },
+  "text--interactive--secondary-discreet": {
+    "name": "Text/Interactive/secondary-discreet",
+    "id": "VariableID:21019:21135",
+    "remote": false,
+    "key": "2803eb924dfc12f5815cf5e22b2d6cb7597fe562",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "tog fram för paginering i dark mode",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--secondary"
+    },
+    "digiName": "text--interactive--secondary-discreet",
+    "digiCSSVariable": "--digi--color--text--interactive--secondary-discreet",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
   "text--interactive--tertiary": {
     "name": "Text/Interactive/tertiary",
     "id": "VariableID:13965:756",
     "remote": false,
-    "key": "094ce62839b94d03c1c376cd39647db06110df3e",
+    "key": "e5d8e8d7e1ee9013a8234e45218c2e0f84c2b00a",
     "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.",
@@ -132,12 +312,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:37"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
       }
     },
     "scopes": [
       "TEXT_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--tertiary"
+    },
     "digiName": "text--interactive--tertiary",
     "digiCSSVariable": "--digi--color--text--interactive--tertiary",
     "digiRecursiveValue": "#333333",
@@ -147,7 +333,7 @@
     "name": "Text/Interactive/brand-primary",
     "id": "VariableID:13828:315",
     "remote": false,
-    "key": "2a325160c04a80cfbb7cd3f86d551fe46ff8444e",
+    "key": "d3c49115c3e81e32a56cbc5717df5de4d00d52c3",
     "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.",
@@ -156,12 +342,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
       }
     },
     "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",
@@ -171,7 +363,7 @@
     "name": "Text/Interactive/brand-secondary",
     "id": "VariableID:13828:316",
     "remote": false,
-    "key": "dd586bdb41ee862b7870992e4c6f530827974802",
+    "key": "0cb2e0d86a1e6a1dd0c2d109164a4e3b891bdd87",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används i länkknappar.",
@@ -180,12 +372,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:15493:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
       }
     },
     "scopes": [
       "TEXT_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--brand-secondary"
+    },
     "digiName": "text--interactive--brand-secondary",
     "digiCSSVariable": "--digi--color--text--interactive--brand-secondary",
     "digiRecursiveValue": "#67EE6A",
@@ -195,7 +393,7 @@
     "name": "Background/secondary",
     "id": "VariableID:13851:4",
     "remote": false,
-    "key": "c4ea468eaf99e224ec600d2c38dcef2ec81b01ac",
+    "key": "7bea922a5fb8f5820d385cca9fa7109e050da7a7",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Alternativ neutral bakgrundsfärg för att bryta av mot background/primary.",
@@ -204,22 +402,58 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10577"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--secondary"
+    },
     "digiName": "background--secondary",
     "digiCSSVariable": "--digi--color--background--secondary",
     "digiRecursiveValue": "#F4F4F4",
     "digiValue": "grayscale--100"
   },
+  "background--secondary-elevated": {
+    "name": "Background/secondary-elevated",
+    "id": "VariableID:21003:10830",
+    "remote": false,
+    "key": "3f85632789840b3412b3e2113333aac30149c2a1",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Alternativ neutral bakgrundsfärg för att bryta av mot background/primary.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10576"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--secondary"
+    },
+    "digiName": "background--secondary-elevated",
+    "digiCSSVariable": "--digi--color--background--secondary-elevated",
+    "digiRecursiveValue": "#F4F4F4",
+    "digiValue": "grayscale--100"
+  },
   "background--secondary-accent": {
     "name": "Background/secondary-accent",
     "id": "VariableID:14424:911",
     "remote": false,
-    "key": "878be31bc5e9a906bfdaf639627c3637ce85b994",
+    "key": "bb7893af175fe954d1e4724a06a664f36b7f2951",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används som bakgrundsfärg för att gruppera och framhäva klickbara element i en dropdown, tex i wrappern runtom knapparna i form-filter.",
@@ -228,12 +462,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:35"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--secondary-accent"
+    },
     "digiName": "background--secondary-accent",
     "digiCSSVariable": "--digi--color--background--secondary-accent",
     "digiRecursiveValue": "#DDDDDD",
@@ -243,7 +483,7 @@
     "name": "Background/secondary-muted",
     "id": "VariableID:14131:350",
     "remote": false,
-    "key": "92236a73b04041dec3cf9e8f3c2d41c729605c0e",
+    "key": "5a1caf5220967be5825a300b5a5397497f9508c4",
     "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.",
@@ -252,12 +492,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:32"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--secondary-muted"
+    },
     "digiName": "background--secondary-muted",
     "digiCSSVariable": "--digi--color--background--secondary-muted",
     "digiRecursiveValue": "#FBFBFB",
@@ -267,7 +513,7 @@
     "name": "Background/brand-primary",
     "id": "VariableID:14194:1748",
     "remote": false,
-    "key": "2e09f0444c506017e1c0a90d987f4daf775511ef",
+    "key": "b225e2135fab35c71fc4e55f47dce5f1cfc5ebb6",
     "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.",
@@ -276,12 +522,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--brand-primary"
+    },
     "digiName": "background--brand-primary",
     "digiCSSVariable": "--digi--color--background--brand-primary",
     "digiRecursiveValue": "#091D54",
@@ -291,7 +543,7 @@
     "name": "Background/transparent",
     "id": "VariableID:13916:1783",
     "remote": false,
-    "key": "2d252800fd7c80cc7abafca61a9846246e89bdc6",
+    "key": "6aed5583955be5175d2df66caa86b1259c9aa05d",
     "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.",
@@ -300,22 +552,28 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13646:1231"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--transparent"
+    },
     "digiName": "background--transparent",
     "digiCSSVariable": "--digi--color--background--transparent",
-    "digiRecursiveValue": "#FFFFFF",
+    "digiRecursiveValue": "#FFFFFF00",
     "digiValue": "misc--transparent"
   },
   "background--pop-out": {
     "name": "Background/pop-out",
     "id": "VariableID:13851:2",
     "remote": false,
-    "key": "cdd8d312f154f93be3f8489ccdd13ea7c51f0a33",
+    "key": "aa5520809ee92aafbf69b28a92156057d5efed50",
     "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.",
@@ -324,12 +582,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13332:7"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--pop-out"
+    },
     "digiName": "background--pop-out",
     "digiCSSVariable": "--digi--color--background--pop-out",
     "digiRecursiveValue": "#EBF8EB",
@@ -339,7 +603,7 @@
     "name": "Background/Interactive/default/primary",
     "id": "VariableID:13821:189",
     "remote": false,
-    "key": "ff66fc446f7b9adb18178fe648861f402421765a",
+    "key": "29086fbde8ac139eed1cd20f8aeab2ea3400956f",
     "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.",
@@ -348,12 +612,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:32"
       }
     },
     "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",
@@ -363,7 +633,7 @@
     "name": "Background/Interactive/default/primary-inverted",
     "id": "VariableID:13821:191",
     "remote": false,
-    "key": "ba671ef606738f64876fa333314ef4b4a6b92329",
+    "key": "4358abd4a72e004db2fe5db38e265e11fcc8e42d",
     "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.",
@@ -372,12 +642,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:15493:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
       }
     },
     "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",
@@ -387,7 +663,7 @@
     "name": "Text/Interactive/visited",
     "id": "VariableID:13946:8265",
     "remote": false,
-    "key": "d8ddb8fcda9e6e43153e7f1641a775d980f16309",
+    "key": "adb7f7e971c848a72cb21301a47152b0cff4c30b",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används för länkar som har blivit besökta.",
@@ -396,12 +672,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13377:28"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13377:28"
       }
     },
     "scopes": [
       "TEXT_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--visited"
+    },
     "digiName": "text--interactive--visited",
     "digiCSSVariable": "--digi--color--text--interactive--visited",
     "digiRecursiveValue": "#822998",
@@ -411,7 +693,7 @@
     "name": "Background/Interactive/default/secondary",
     "id": "VariableID:13827:193",
     "remote": false,
-    "key": "a48ced9b9d38dea430b654f531261dab508003af",
+    "key": "a84ab00e871a216f237eddb237987204e62e5d9d",
     "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.",
@@ -420,12 +702,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
       }
     },
     "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",
@@ -435,7 +723,7 @@
     "name": "Background/Interactive/default/secondary-inverted",
     "id": "VariableID:13827:192",
     "remote": false,
-    "key": "42cb6128b732bd0e7bfeba6be99b9427d5c9ac75",
+    "key": "236d60033a3bd42ffbc1ace0b15baac93baf0acc",
     "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.",
@@ -444,22 +732,28 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13646:1231"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
       }
     },
     "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",
+    "digiRecursiveValue": "#FFFFFF00",
     "digiValue": "misc--transparent"
   },
   "background--interactive--default--tertiary": {
     "name": "Background/Interactive/default/tertiary",
     "id": "VariableID:13903:2",
     "remote": false,
-    "key": "7f4ce2db14c083fb3abca0def6b59f81cf5121ba",
+    "key": "05b1e57cd69bd5ed727f87caeecb2917ddd979a0",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används för att synliggöra klickbara element som befinner sig på ett annat vitt element.",
@@ -468,12 +762,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:36"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10576"
       }
     },
     "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",
@@ -483,7 +783,7 @@
     "name": "Background/Interactive/default/quaternary",
     "id": "VariableID:13906:9",
     "remote": false,
-    "key": "2efcb5213e604e43423ffca02d2c1c5b9a7760f2",
+    "key": "d512033e7f77954793cbfccd099c72b1ae356d54",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används i knappar i filuppladdare och kategorifilter.",
@@ -492,22 +792,58 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
       }
     },
     "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",
     "digiValue": "grayscale--100"
   },
+  "background--interactive--default--quinary-ghost-gra": {
+    "name": "Background/Interactive/default/quinary (Ghost grå)",
+    "id": "VariableID:21012:14531",
+    "remote": false,
+    "key": "99db335ed24d9a90c110e8c0e0dfa014431f32fe",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Används i knappar i filuppladdare och kategorifilter. skapad för utforskande syfte, i kontexten av våra gråa knappar,",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--quaternary"
+    },
+    "digiName": "background--interactive--default--quinary-ghost-gra",
+    "digiCSSVariable": "--digi--color--background--interactive--default--quinary-ghost-gra",
+    "digiRecursiveValue": "#F4F4F4",
+    "digiValue": "grayscale--100"
+  },
   "background--interactive--default--input-elements": {
     "name": "Background/Interactive/default/input-elements",
     "id": "VariableID:13851:3",
     "remote": false,
-    "key": "cbae0ff772fa1df349a830a9b23b84133f896b94",
+    "key": "1a42e830f04ea5ce983d0d8a47d2bf95b86a5984",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Vit bakgrundsfärg som används i formulärelement såsom radioknapp, kryssruta, inmatningsfält.",
@@ -516,12 +852,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
       }
     },
     "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",
@@ -531,7 +873,7 @@
     "name": "Background/Interactive/default/pop-out",
     "id": "VariableID:13965:759",
     "remote": false,
-    "key": "f105f52b4b162def08a7feec8792e2c54c69550b",
+    "key": "f29d2e7f04a175635bb4a7915c52d65714b78794",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används i vertikalmeny sekundärvarianten.",
@@ -540,12 +882,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:15493:1842"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10574"
       }
     },
     "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",
@@ -555,7 +903,7 @@
     "name": "Background/Interactive/hover/primary",
     "id": "VariableID:13821:190",
     "remote": false,
-    "key": "c0eb126d9b60e955f06aa6eeb23d9cba39918c7f",
+    "key": "69a3985713bf1f0384371679858204214768c7f2",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Hoverfärg för bakgrundsfärgen Background/Interactive/default/primary.",
@@ -564,12 +912,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13377:33"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10574"
       }
     },
     "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",
@@ -579,7 +933,7 @@
     "name": "Background/Interactive/hover/secondary",
     "id": "VariableID:13827:195",
     "remote": false,
-    "key": "49333458435814137f6d00594f5fd03e43789acc",
+    "key": "5efcb66944a593f0494f7929d5576fe0f55a3ac8",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Hoverfärg för bakgrundsfärgen Background/Interactive/default/secondary.",
@@ -588,12 +942,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13341:12"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10576"
       }
     },
     "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",
@@ -603,7 +963,7 @@
     "name": "Background/Interactive/hover/tertiary",
     "id": "VariableID:13905:4",
     "remote": false,
-    "key": "a11e97e5a9cac6baae1dfd040fce04d1529990c8",
+    "key": "e15d4ac427ba01d9db8f9c57f62b5fe45337b063",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Hover för vertikalmenyns expandera-knapp.",
@@ -612,12 +972,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13377:27"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
       }
     },
     "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",
@@ -627,7 +993,7 @@
     "name": "Background/Interactive/hover/quarternary",
     "id": "VariableID:14128:620",
     "remote": false,
-    "key": "e26261ae69bb9d96c0d308c603ea828e107f075f",
+    "key": "31613bb38c48435d8b9de9af9ee4e84c27f8579d",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Hover för vita/ljusgråa element (header-flikar, väljare med sök, rullgardinsmeny).",
@@ -636,12 +1002,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:36"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10576"
       }
     },
     "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",
@@ -651,7 +1023,7 @@
     "name": "Background/Interactive/hover/inverted",
     "id": "VariableID:13827:194",
     "remote": false,
-    "key": "9a152f72d7e1e50a11f1bcb86393b33debf337e6",
+    "key": "2d5e1190b9c1bed2f47bcce6dcc87f33bc4e3c91",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Hover-färg för bakgrundsfärgen Background/Interactive/default/secondary-inverted.",
@@ -660,12 +1032,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13341:13"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13341:13"
       }
     },
     "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",
@@ -675,7 +1053,7 @@
     "name": "Background/Sentiment/error/primary",
     "id": "VariableID:13836:7",
     "remote": false,
-    "key": "a89b67e33b40bb7ac0891f3ddf974c689beddc11",
+    "key": "68cb7d2e8ce2451598ad0515a3231eb506d641e8",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Error-bakgrundsfärg som används i informationsmeddelande.",
@@ -684,72 +1062,88 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:50"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
     "codeSyntax": {
-      "WEB": "Background/Sentiment/error/primary"
+      "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"
   },
-  "text--description": {
-    "name": "Text/description",
-    "id": "VariableID:14172:285",
+  "background--interactive--selected--primary": {
+    "name": "Background/Interactive/selected/primary",
+    "id": "VariableID:13836:2",
     "remote": false,
-    "key": "aa37b80632a54f8fdda60ddae75c70eefb6c8cdc",
+    "key": "9ec98b44249df20069121f1abd21ec46d51a3ac1",
     "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 kryssrutor, radioknappar, kalendern.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13386:28"
+        "id": "VariableID:13385:39"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
       }
     },
     "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--primary"
+    },
+    "digiName": "background--interactive--selected--primary",
+    "digiCSSVariable": "--digi--color--background--interactive--selected--primary",
+    "digiRecursiveValue": "#008A20",
+    "digiValue": "sentiment--success--500"
   },
-  "background--interactive--selected--primary": {
-    "name": "Background/Interactive/selected/primary",
-    "id": "VariableID:13836:2",
+  "text--description": {
+    "name": "Text/description",
+    "id": "VariableID:14172:285",
     "remote": false,
-    "key": "7107fd7600cc394052436d03f249d0acf794da1c",
+    "key": "01b49fa85ba0cdbe037ec158e48e49c069b94f7a",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Selected-utseende för kryssrutor, radioknappar, kalendern.",
+    "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:13385:39"
+        "id": "VariableID:13386:28"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:2"
       }
     },
     "scopes": [
-      "FRAME_FILL"
+      "TEXT_FILL"
     ],
-    "codeSyntax": {},
-    "digiName": "background--interactive--selected--primary",
-    "digiCSSVariable": "--digi--color--background--interactive--selected--primary",
-    "digiRecursiveValue": "#008A20",
-    "digiValue": "sentiment--success--500"
+    "codeSyntax": {
+      "WEB": "--digi--color--text--description"
+    },
+    "digiName": "text--description",
+    "digiCSSVariable": "--digi--color--text--description",
+    "digiRecursiveValue": "#5C5C5C",
+    "digiValue": "grayscale--800"
   },
   "background--sentiment--error--secondary": {
     "name": "Background/Sentiment/error/secondary",
     "id": "VariableID:13916:1760",
     "remote": false,
-    "key": "c2c82b08d4fea72fc762173182504c28b1c66ea6",
+    "key": "3341d9bbf6576f5024bb6a3551bae92939aaae34",
     "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.",
@@ -758,12 +1152,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:49"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:49"
       }
     },
     "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",
@@ -773,7 +1173,7 @@
     "name": "Background/Sentiment/error/tertiary",
     "id": "VariableID:13916:1761",
     "remote": false,
-    "key": "92bfd2e9c70bb5e3181062cca0cd521e579ba742",
+    "key": "942b972ed485639dcb5af0e242c026d600592868",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Ljusare error/denied-bakgrundsfärg som används i statusindikator sekundär variant och förloppsstegare.",
@@ -782,22 +1182,58 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:51"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:51"
       }
     },
     "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--sentiment--error--tertiary-discreet": {
+    "name": "Background/Sentiment/error/tertiary-discreet",
+    "id": "VariableID:21050:24686",
+    "remote": false,
+    "key": "20bf7cd2e7f2a9cc0879b699446b7c37f3b7e8aa",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Ljusare error/denied-bakgrundsfärg förloppsstegare.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:51"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--error--tertiary"
+    },
+    "digiName": "background--sentiment--error--tertiary-discreet",
+    "digiCSSVariable": "--digi--color--background--sentiment--error--tertiary-discreet",
+    "digiRecursiveValue": "#FDEDED",
+    "digiValue": "sentiment--error--200"
+  },
   "background--interactive--selected--secondary": {
     "name": "Background/Interactive/selected/secondary",
     "id": "VariableID:13836:6",
     "remote": false,
-    "key": "500426c096ee362633965f6db5ea05a3eacaf510",
+    "key": "af8df9fb76acb1a6dd8e1e02b80cd845f89cb03d",
     "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.",
@@ -806,12 +1242,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--selected--secondary"
+    },
     "digiName": "background--interactive--selected--secondary",
     "digiCSSVariable": "--digi--color--background--interactive--selected--secondary",
     "digiRecursiveValue": "#091D54",
@@ -821,7 +1263,7 @@
     "name": "Background/Sentiment/success/primary",
     "id": "VariableID:13847:9",
     "remote": false,
-    "key": "8598cdff6842189a93dcc96027645d8de8556f5e",
+    "key": "54f251677c349a1f2e9e5d7e18c3805bb4f6935f",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Success-bakgrundsfärg som används i  informationsmeddelande.",
@@ -830,12 +1272,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:39"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
       }
     },
     "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",
@@ -845,7 +1293,7 @@
     "name": "Background/Sentiment/success/secondary",
     "id": "VariableID:13916:1764",
     "remote": false,
-    "key": "be9a507f23f29d36ce76818dddd06e9d529bf4a9",
+    "key": "7d605668e8d7b72facdfa330a5c28206000daebc",
     "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.",
@@ -854,12 +1302,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:38"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:38"
       }
     },
     "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",
@@ -869,7 +1323,7 @@
     "name": "Background/Sentiment/success/tertiary",
     "id": "VariableID:13916:1765",
     "remote": false,
-    "key": "ee435b7147badc5c9a00caf9ec2ff8e64a48fff0",
+    "key": "3a711d5384310bace1e2f9d5ea954fb8af296175",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Ljusare success-bakgrundsfärg som används i statusindikator sekundär variant.",
@@ -878,12 +1332,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:40"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:40"
       }
     },
     "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",
@@ -893,7 +1353,7 @@
     "name": "Background/Sentiment/warning/primary",
     "id": "VariableID:13850:19",
     "remote": false,
-    "key": "8bcb41bccd2e053093480dded04fe84cf5217fc2",
+    "key": "83395bd46c819418259ea4ff829cc0594faf4c4a",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Warning-bakgrundsfärg som används i informationsmeddelande.",
@@ -902,12 +1362,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:28"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:28"
       }
     },
     "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",
@@ -917,7 +1383,7 @@
     "name": "Background/Sentiment/warning/secondary",
     "id": "VariableID:13916:1766",
     "remote": false,
-    "key": "61bc6a362e2b137c848dfb61c6aa1bfb044d97eb",
+    "key": "93b2a627195a5ead12726a805274326a6ffed3ed",
     "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.",
@@ -926,12 +1392,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:26"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:26"
       }
     },
     "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",
@@ -941,7 +1413,7 @@
     "name": "Background/Sentiment/warning/tertiary",
     "id": "VariableID:13916:1767",
     "remote": false,
-    "key": "fe680c0134038fa14329f55820c8adb149b9f058",
+    "key": "7a21f550d0a527c9487d1a4558c335e3346a2dfe",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Ljusare warning-bakgrundsfärg som används i statusindikator sekundär variant.",
@@ -950,12 +1422,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:29"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:29"
       }
     },
     "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",
@@ -965,7 +1443,7 @@
     "name": "Background/Sentiment/warning/quarternary",
     "id": "VariableID:14172:287",
     "remote": false,
-    "key": "7d48694e299192c7c3998fecc68af896f0216579",
+    "key": "5b2416d901f38192f3f71694966bc26b332682be",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Ljusare warning-bakgrundsfärg som används i förloppsstegare.",
@@ -974,12 +1452,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:30"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
       }
     },
     "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",
@@ -989,7 +1473,7 @@
     "name": "Background/Sentiment/info/primary",
     "id": "VariableID:13850:20",
     "remote": false,
-    "key": "afc87ed5b1eb40fa48a67c908887308307083cf9",
+    "key": "0a475cc6d757e00829d730593b219d7ac1587673",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Informationsbakgrundsfärg som används i informationsmeddelande.",
@@ -998,12 +1482,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:85"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:85"
       }
     },
     "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",
@@ -1013,7 +1503,7 @@
     "name": "Background/Sentiment/info/secondary",
     "id": "VariableID:13916:1768",
     "remote": false,
-    "key": "abe81b83e054838ed22a14a1d49b87eb216855fd",
+    "key": "1f8a7d5776afffd56d51f210d2d99fcc0e31078c",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Informationsbakgrundsfärg som är mörkare nyans för att användas på små element, som statusindikator.",
@@ -1022,12 +1512,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:84"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:84"
       }
     },
     "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",
@@ -1037,7 +1533,7 @@
     "name": "Background/Sentiment/info/tertiary",
     "id": "VariableID:13916:1769",
     "remote": false,
-    "key": "086926821a001fab58629e940f367d53a5bdd910",
+    "key": "656af33857809bc2c9d1a9fce175f6d39d64aa62",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Ljusare info-bakgrundsfärg som används i statusindikator sekundär variant.",
@@ -1046,12 +1542,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:86"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:86"
       }
     },
     "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",
@@ -1061,7 +1563,7 @@
     "name": "Border/notification",
     "id": "VariableID:13916:1679",
     "remote": false,
-    "key": "dfdc109a77160576a9617882d18be394a76b1f53",
+    "key": "c7c599a960d22d86c90a1a363b9b3c77f17bd536",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Ram som används i notifikationsindikator.",
@@ -1070,12 +1572,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
       }
     },
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--notification"
+    },
     "digiName": "border--notification",
     "digiCSSVariable": "--digi--color--border--notification",
     "digiRecursiveValue": "#FFFFFF",
@@ -1085,7 +1593,7 @@
     "name": "Border/transparent",
     "id": "VariableID:13916:1778",
     "remote": false,
-    "key": "13c6c663f5304b1a638a1ab5378dd85f382a9ec0",
+    "key": "689fc6966733688ae14bf8a1dd13b40f0397e353",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Transparent ram.",
@@ -1094,22 +1602,28 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13646:1231"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
       }
     },
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--transparent"
+    },
     "digiName": "border--transparent",
     "digiCSSVariable": "--digi--color--border--transparent",
-    "digiRecursiveValue": "#FFFFFF",
+    "digiRecursiveValue": "#FFFFFF00",
     "digiValue": "misc--transparent"
   },
   "border--interactive--default--primary": {
     "name": "Border/Interactive/default/primary",
     "id": "VariableID:13828:59",
     "remote": false,
-    "key": "3f19d8c925708b6a18408a733b213057af58da49",
+    "key": "883458003552c88dde70421b281b953f3f4ea23b",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Ram med varumärkets färg.",
@@ -1118,22 +1632,58 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
       }
     },
     "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",
     "digiValue": "brand-primary--primary"
   },
+  "border--interactive--default--discreeeeeeet": {
+    "name": "Border/Interactive/default/Discreeeeeeet",
+    "id": "VariableID:21012:14417",
+    "remote": false,
+    "key": "7eb0126a0b20ed14cf0b5b2780ff89e9bb1cbbec",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Ram med varumärkets färg.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10573"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--default--primary"
+    },
+    "digiName": "border--interactive--default--discreeeeeeet",
+    "digiCSSVariable": "--digi--color--border--interactive--default--discreeeeeeet",
+    "digiRecursiveValue": "#F4F4F4",
+    "digiValue": "grayscale--100"
+  },
   "border--interactive--default--on-input": {
     "name": "Border/Interactive/default/on-input",
     "id": "VariableID:13836:5",
     "remote": false,
-    "key": "ddde1f2abc8411a4d03a739bfaea91a5eb4a420b",
+    "key": "1053957e7a90e6420b5d9c2430538cad15c59855",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används i komponenter som inmatningsfält, kryssrutor och liknande formulärkomponenter.",
@@ -1142,12 +1692,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:37"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
       }
     },
     "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",
@@ -1157,7 +1713,7 @@
     "name": "Border/Interactive/default/on-input-nuance",
     "id": "VariableID:13649:1551",
     "remote": false,
-    "key": "9a5391cd92aa2713b85825ed17590280f8ae441e",
+    "key": "3b0a1c41c475458288cbed6f30163dd097a5f861",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används i filuppladdaren och kalendern.",
@@ -1166,12 +1722,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:28"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10574"
       }
     },
     "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",
@@ -1181,7 +1743,7 @@
     "name": "Border/Interactive/default/inverted",
     "id": "VariableID:13828:60",
     "remote": false,
-    "key": "21144fb95d348a30325c61472e0b28dc3b73c55b",
+    "key": "66b100ddf97e0dfc1da4a184ee328c610298c6f5",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används i länkknappar.",
@@ -1190,12 +1752,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:15493:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
       }
     },
     "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",
@@ -1205,7 +1773,7 @@
     "name": "Border/Interactive/hover/primary",
     "id": "VariableID:13828:63",
     "remote": false,
-    "key": "a0412a78660aee8682363fd312da3deac4556670",
+    "key": "3ead9b59aff7f8f589cd1d0a4d78330f6d6f5c2e",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Ram som används i primärknappar och länkknappars hover-state.",
@@ -1214,12 +1782,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13377:33"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
       }
     },
     "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",
@@ -1229,7 +1803,7 @@
     "name": "Border/Interactive/hover/secondary",
     "id": "VariableID:13828:65",
     "remote": false,
-    "key": "37d5e4f9869d3d93c0294d0a9e18e6482a6e1ab9",
+    "key": "2f1f703733422339115a88b6d86e2dff24e02bdb",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Ram som används i sekundärknappar och länkknappars hover-state.",
@@ -1238,12 +1812,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
       }
     },
     "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",
@@ -1253,7 +1833,7 @@
     "name": "Border/Interactive/hover/inverted",
     "id": "VariableID:13828:64",
     "remote": false,
-    "key": "b74a392aca53d21663eb4919d601f8eab0769f2b",
+    "key": "297ee33cf3262ce8ad6fd9534983c850c5c98c7a",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används i länkknappar.",
@@ -1262,12 +1842,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13341:13"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13341:13"
       }
     },
     "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",
@@ -1277,7 +1863,7 @@
     "name": "Border/Interactive/validation/success",
     "id": "VariableID:13649:1553",
     "remote": false,
-    "key": "6587b04518985b270ea5e27bba4ab42ce1380bcb",
+    "key": "6255b33debb195809c639e67696ba8d512076951",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Ram som används för formulärkomponenters success-states.",
@@ -1286,12 +1872,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:39"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
       }
     },
     "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",
@@ -1301,7 +1893,7 @@
     "name": "Border/Interactive/validation/warning",
     "id": "VariableID:13649:1555",
     "remote": false,
-    "key": "056a60b6cf92c92017eda4dc66d71b82aeb0c929",
+    "key": "b6af01d57734e5ced3a8c00d9c8043bb8bb0549c",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Ram som används för formulärkomponenters warning-states.",
@@ -1310,12 +1902,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:27"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:26"
       }
     },
     "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",
@@ -1325,7 +1923,7 @@
     "name": "Border/Interactive/validation/error",
     "id": "VariableID:13649:1557",
     "remote": false,
-    "key": "ab669972be2c2fb86d68b9d97bf96883ff9a24a4",
+    "key": "63eeea8bea4b0c932126dd38f30cee90b18dbe5e",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Ram som används för formulärkomponenters error-states.",
@@ -1334,12 +1932,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:50"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
       }
     },
     "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",
@@ -1349,7 +1953,7 @@
     "name": "Border/Interactive/selected/primary",
     "id": "VariableID:14309:1101",
     "remote": false,
-    "key": "66d5de4038d90b117dd87efd560ba38eae341e58",
+    "key": "15d5d74fb4c45b6893eb2e601ab850eaf1b19fdb",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Ram för valda primära kryssrutor och radioknappar.",
@@ -1358,13 +1962,17 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:39"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
       }
     },
     "scopes": [
       "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",
@@ -1375,7 +1983,7 @@
     "name": "Border/Interactive/selected/secondary",
     "id": "VariableID:14309:1102",
     "remote": false,
-    "key": "551efb73aaa9941a8eca11df631f540beb6f1505",
+    "key": "b8a490d09f19940912105ec982b6adf37caa542e",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Ram för valda sekundära kryssrutor och radioknappar.",
@@ -1384,12 +1992,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
       }
     },
     "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",
@@ -1399,7 +2013,7 @@
     "name": "Border/Sentiment/error",
     "id": "VariableID:13836:8",
     "remote": false,
-    "key": "92c657c91018b05db1dd81bea9b9bd037b1aae97",
+    "key": "2777bb7a2185876ce8567059fe29d0c9b66c6827",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används för borders i sammanhang med error-state. Används i informationsmeddelande.",
@@ -1408,12 +2022,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:50"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
       }
     },
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--sentiment--error"
+    },
     "digiName": "border--sentiment--error",
     "digiCSSVariable": "--digi--color--border--sentiment--error",
     "digiRecursiveValue": "#DA0000",
@@ -1423,7 +2043,7 @@
     "name": "Border/Sentiment/success",
     "id": "VariableID:13847:10",
     "remote": false,
-    "key": "11e4419478dff93d8803fb41e06dcb1d98672f29",
+    "key": "6c32c0601d4da883b1ab81e3abdd2542eccd9028",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används för borders i sammanhang med success-state. Används i informationsmeddelande.",
@@ -1432,12 +2052,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:39"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
       }
     },
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--sentiment--success"
+    },
     "digiName": "border--sentiment--success",
     "digiCSSVariable": "--digi--color--border--sentiment--success",
     "digiRecursiveValue": "#008A20",
@@ -1447,7 +2073,7 @@
     "name": "Border/Sentiment/warning",
     "id": "VariableID:13850:11",
     "remote": false,
-    "key": "7c09bcd45fb60a440280f165afc46f91bfcf094b",
+    "key": "9c9ebc14d86a634d6407b8d58516ac583a2db609",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används för borders i sammanhang med warning-state. Används i informationsmeddelande.",
@@ -1456,12 +2082,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:28"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:28"
       }
     },
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--sentiment--warning"
+    },
     "digiName": "border--sentiment--warning",
     "digiCSSVariable": "--digi--color--border--sentiment--warning",
     "digiRecursiveValue": "#FFE200",
@@ -1471,7 +2103,7 @@
     "name": "Border/Sentiment/info",
     "id": "VariableID:13850:24",
     "remote": false,
-    "key": "1ab44eeaf71a49f02ff11dc5cf41949e90863f10",
+    "key": "2b97055a0081b1ccf3358a78f2b0d92df31bcbba",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används för borders i sammanhang med info-state. Används i informationsmeddelande.",
@@ -1480,12 +2112,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:85"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:85"
       }
     },
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--sentiment--info"
+    },
     "digiName": "border--sentiment--info",
     "digiCSSVariable": "--digi--color--border--sentiment--info",
     "digiRecursiveValue": "#0A4DD1",
@@ -1495,7 +2133,7 @@
     "name": "Border/Accent/primary",
     "id": "VariableID:13897:3",
     "remote": false,
-    "key": "ef1ee65c29d4cba12339b110180919f87b0bf340",
+    "key": "a6c7bdda17002e482804ab1dde1136a3ee402950",
     "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.",
@@ -1504,12 +2142,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10574"
       }
     },
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--accent--primary"
+    },
     "digiName": "border--accent--primary",
     "digiCSSVariable": "--digi--color--border--accent--primary",
     "digiRecursiveValue": "#091D54",
@@ -1519,7 +2163,7 @@
     "name": "Border/Accent/secondary",
     "id": "VariableID:13916:1104",
     "remote": false,
-    "key": "ba86596800ef098de32c6c090db21bc85feee337",
+    "key": "876c78a90347bbed157a134e971301868ce0b4ca",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används där man vill ha med visuell accent med varumärkets andra färg.",
@@ -1528,12 +2172,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13332:4"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:4"
       }
     },
     "scopes": [
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--border--accent--secondary"
+    },
     "digiName": "border--accent--secondary",
     "digiCSSVariable": "--digi--color--border--accent--secondary",
     "digiRecursiveValue": "#02A704",
@@ -1543,7 +2193,7 @@
     "name": "Marking/Navigation/selected",
     "id": "VariableID:13905:5",
     "remote": false,
-    "key": "039bde012fe8d3a2a72d137a0364ce93ba6b2b3b",
+    "key": "98193e19022010c6d5bf6f0726cdf9d2d2683205",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används i valda flikar och vertikalmenysidor.",
@@ -1552,6 +2202,10 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13332:4"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:4"
       }
     },
     "scopes": [
@@ -1559,7 +2213,9 @@
       "SHAPE_FILL",
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--marking--navigation--selected"
+    },
     "digiName": "marking--navigation--selected",
     "digiCSSVariable": "--digi--color--marking--navigation--selected",
     "digiRecursiveValue": "#02A704",
@@ -1569,7 +2225,7 @@
     "name": "Divider/primary",
     "id": "VariableID:13916:1082",
     "remote": false,
-    "key": "79f4a85cfdd2407053002ceeb4fe3f07ad194348",
+    "key": "4c6fe6c73ed4d21226c7511efcf3aa212bda00df",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Primär färg för divider",
@@ -1578,6 +2234,10 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:35"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
       }
     },
     "scopes": [
@@ -1585,7 +2245,9 @@
       "SHAPE_FILL",
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--divider--primary"
+    },
     "digiName": "divider--primary",
     "digiCSSVariable": "--digi--color--divider--primary",
     "digiRecursiveValue": "#DDDDDD",
@@ -1595,7 +2257,7 @@
     "name": "Marking/Navigation/level-active",
     "id": "VariableID:13905:6",
     "remote": false,
-    "key": "16b00191ce8a65ca97d862ee7cc0f9d78deaa596",
+    "key": "0129dd4fd2f87190985d2a247580bce4d2205ab5",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Vertikalmenys undersidor på en expanderad kategori.",
@@ -1604,6 +2266,10 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13461:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13461:3"
       }
     },
     "scopes": [
@@ -1611,7 +2277,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",
@@ -1621,7 +2289,7 @@
     "name": "Marking/Navigation/level-inactive",
     "id": "VariableID:13905:7",
     "remote": false,
-    "key": "96de4e33ea445089cc96d1ad3baa453541a161ce",
+    "key": "e55f3ac317c37985f6fbc27a68302ee8f205d38c",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Vertikalmenys undersidor på en expanderad kategori som inte är valda.",
@@ -1630,6 +2298,10 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:2"
       }
     },
     "scopes": [
@@ -1637,7 +2309,9 @@
       "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",
@@ -1647,7 +2321,7 @@
     "name": "Background/Interactive/selected/tertiary",
     "id": "VariableID:14394:2656",
     "remote": false,
-    "key": "89918daf4bda79284a7c8f1f585ba924bf7fbccc",
+    "key": "19a42f80c66fd33db9386e1850cddfc8369fd5a8",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Selected-utseende för valalternativ i dropdowns, såsom i rullgardinsmeny och väljare med sök.",
@@ -1656,12 +2330,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:36"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10576"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--selected--tertiary"
+    },
     "digiName": "background--interactive--selected--tertiary",
     "digiCSSVariable": "--digi--color--background--interactive--selected--tertiary",
     "digiRecursiveValue": "#EDEDED",
@@ -1671,7 +2351,7 @@
     "name": "Marking/Indication/primary",
     "id": "VariableID:13916:1079",
     "remote": false,
-    "key": "fb6f6c421d9ad78db050e52baa4d6de944bf24a0",
+    "key": "17b69a0b7797e4e97ba7a919fa032df5a1cbb15b",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Markeringsfärg som använder sig av funktionsgrön färg för att visa att något är genomfört.",
@@ -1680,6 +2360,10 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:39"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
       }
     },
     "scopes": [
@@ -1687,7 +2371,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",
@@ -1697,7 +2383,7 @@
     "name": "Marking/Indication/secondary",
     "id": "VariableID:13916:1080",
     "remote": false,
-    "key": "219aa1485ffbfd4879fef88537dc976c88ee8b34",
+    "key": "12f075f24df1ddfe026b6b45025709d96b7b3ef5",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Markeringsfärg som används för att visa att något är genomfört där man vill ha med varumärkets färg, används i bl.a. förloppslista.",
@@ -1706,6 +2392,10 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:23"
       }
     },
     "scopes": [
@@ -1713,7 +2403,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",
@@ -1723,7 +2415,7 @@
     "name": "Marking/Indication/tertiary",
     "id": "VariableID:13916:1081",
     "remote": false,
-    "key": "4f61594720eaaea1d2be9bc4a202ba030293c687",
+    "key": "4535fb5b2cf340ae9aa08268d99d3c565ed775d0",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Markeringsfärg som används för att visa när något kan ske/är på väg att ske eller för att visa en markering i ett mer neutralt utförande.",
@@ -1732,6 +2424,10 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:29"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:29"
       }
     },
     "scopes": [
@@ -1739,41 +2435,19 @@
       "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",
-    "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": {},
-    "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",
+    "key": "13e991e13d82aef95a6d13d88b00b2a43cf318f0",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används för ikoner som visar success-state. Används i valideringsmeddelande.",
@@ -1782,12 +2456,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:39"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
       }
     },
     "scopes": [
       "SHAPE_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--validation--success"
+    },
     "digiName": "icon--validation--success",
     "digiCSSVariable": "--digi--color--icon--validation--success",
     "digiRecursiveValue": "#008A20",
@@ -1797,7 +2477,7 @@
     "name": "Background/Interactive/selected/on-menu-minus-button",
     "id": "VariableID:13903:3",
     "remote": false,
-    "key": "8abd093bf4039b1bff52da8b9329fee952038d75",
+    "key": "85b33951580ea6f06d5d9d126d618f9ca9a08ff3",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används i vertikalmeny sekundärvariant på expanderat menyalternativ.",
@@ -1806,12 +2486,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13461:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10574"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "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",
@@ -1821,7 +2507,7 @@
     "name": "Icon/Validation/warning",
     "id": "VariableID:13650:1356",
     "remote": false,
-    "key": "40f6c2cf0ffb41a96ecade13534ce8d3a16749b3",
+    "key": "ccdd797c787e7792680c83999f5659cb56f9565e",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används för ikoner som visar warning-state. Används i valideringsmeddelande.",
@@ -1830,12 +2516,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:28"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:28"
       }
     },
     "scopes": [
       "SHAPE_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--validation--warning"
+    },
     "digiName": "icon--validation--warning",
     "digiCSSVariable": "--digi--color--icon--validation--warning",
     "digiRecursiveValue": "#FFE200",
@@ -1845,7 +2537,7 @@
     "name": "Divider/secondary",
     "id": "VariableID:14128:613",
     "remote": false,
-    "key": "fe7c8ba4102566f25acd415adebe629c7bb7e9a1",
+    "key": "0251a776ac75c1a5fb5c2ca97a76ff81043f86e3",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Sekundär färg för divider som är subtilare än primär.",
@@ -1854,6 +2546,10 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:36"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:36"
       }
     },
     "scopes": [
@@ -1861,7 +2557,9 @@
       "SHAPE_FILL",
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--divider--secondary"
+    },
     "digiName": "divider--secondary",
     "digiCSSVariable": "--digi--color--divider--secondary",
     "digiRecursiveValue": "#EDEDED",
@@ -1871,7 +2569,7 @@
     "name": "Divider/tertiary",
     "id": "VariableID:14227:3558",
     "remote": false,
-    "key": "2e4b8159abbbebbeb0c0de64aaf81678e38ae7ba",
+    "key": "5bf9f3de85196c58e21d4688b59728d37032b579",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Tertiär färg för divider.",
@@ -1880,6 +2578,10 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:33"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:33"
       }
     },
     "scopes": [
@@ -1887,67 +2589,81 @@
       "SHAPE_FILL",
       "STROKE_COLOR"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--divider--tertiary"
+    },
     "digiName": "divider--tertiary",
     "digiCSSVariable": "--digi--color--divider--tertiary",
     "digiRecursiveValue": "#CACACA",
     "digiValue": "grayscale--500"
   },
-  "divider--on-brand-primary": {
-    "name": "Divider/on-brand-primary",
-    "id": "VariableID:14194:1749",
+  "icon--validation--error": {
+    "name": "Icon/Validation/error",
+    "id": "VariableID:13650:1357",
     "remote": false,
-    "key": "1c5ac62ad9da508b2c4782bca1d62a969b63d25f",
+    "key": "9bc504f6010394b39cb52cdb6fb35dd923978b09",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Används på dividers som ligger på bakgrunder som har den primära varumärkesfärgen. Används i footer.",
+    "description": "Används för ikoner som visar error-state. Används i valideringsmeddelande.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:14191:1683"
+        "id": "VariableID:13385:50"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
       }
     },
     "scopes": [
-      "FRAME_FILL",
-      "SHAPE_FILL",
-      "STROKE_COLOR"
+      "SHAPE_FILL"
     ],
-    "codeSyntax": {},
-    "digiName": "divider--on-brand-primary",
-    "digiCSSVariable": "--digi--color--divider--on-brand-primary",
-    "digiRecursiveValue": "#ABDEF7",
-    "digiValue": "brand-primary--nuance-1"
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--validation--error"
+    },
+    "digiName": "icon--validation--error",
+    "digiCSSVariable": "--digi--color--icon--validation--error",
+    "digiRecursiveValue": "#DA0000",
+    "digiValue": "sentiment--error--500"
   },
-  "icon--validation--error": {
-    "name": "Icon/Validation/error",
-    "id": "VariableID:13650:1357",
+  "divider--on-brand-primary": {
+    "name": "Divider/on-brand-primary",
+    "id": "VariableID:14194:1749",
     "remote": false,
-    "key": "f168c0449678c64a1b0db58e1ee971f9cf6809d7",
+    "key": "7473ebbcb4d78b25d53c374830b4bffb08bb4f91",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Används för ikoner som visar error-state. Används i valideringsmeddelande.",
+    "description": "Används på dividers som ligger på bakgrunder som har den primära varumärkesfärgen. Används i footer.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13385:50"
+        "id": "VariableID:14191:1683"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10574"
       }
     },
     "scopes": [
-      "SHAPE_FILL"
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
     ],
-    "codeSyntax": {},
-    "digiName": "icon--validation--error",
-    "digiCSSVariable": "--digi--color--icon--validation--error",
-    "digiRecursiveValue": "#DA0000",
-    "digiValue": "sentiment--error--500"
+    "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"
   },
   "divider--cta": {
     "name": "Divider/cta",
     "id": "VariableID:14214:455",
     "remote": false,
-    "key": "5050139b5c9549cca77b7dfee5035ad7348f59ec",
+    "key": "c2d8787e2c8851aa595e7f997f0317aa246a8da6",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används i Utfällbar rubrik.",
@@ -1956,6 +2672,10 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13377:27"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
       }
     },
     "scopes": [
@@ -1963,17 +2683,79 @@
       "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--secondary": {
-    "name": "Icon/secondary",
-    "id": "VariableID:13650:2070",
+  "icon--primary": {
+    "name": "Icon/primary",
+    "id": "VariableID:13650:2071",
+    "remote": false,
+    "key": "2dc82a108a7260335be1c2320d9bc454e305bf22",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Förstahandsval för ikoner som ligger på ljus bakgrund.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--primary"
+    },
+    "digiName": "icon--primary",
+    "digiCSSVariable": "--digi--color--icon--primary",
+    "digiRecursiveValue": "#333333",
+    "digiValue": "grayscale--900"
+  },
+  "icon--secondary": {
+    "name": "Icon/secondary",
+    "id": "VariableID:13650:2070",
+    "remote": false,
+    "key": "65475485288afc735f253ae29dbb7cf2cb857fe5",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Används när en ikon ligger på mörk bakgrund, t.ex. i Footer eller Mediatagg.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--secondary"
+    },
+    "digiName": "icon--secondary",
+    "digiCSSVariable": "--digi--color--icon--secondary",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
+  "icon--secondary-reverse": {
+    "name": "Icon/secondary-reverse",
+    "id": "VariableID:21050:25029",
     "remote": false,
-    "key": "86b5f7d3102e10ee5577977d4cdc8c237722240d",
+    "key": "387db476a4416b9f5fe6835d6a82ea4849d20ae6",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används när en ikon ligger på mörk bakgrund, t.ex. i Footer eller Mediatagg.",
@@ -1982,14 +2764,20 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
       }
     },
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
-    "digiName": "icon--secondary",
-    "digiCSSVariable": "--digi--color--icon--secondary",
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--secondary"
+    },
+    "digiName": "icon--secondary-reverse",
+    "digiCSSVariable": "--digi--color--icon--secondary-reverse",
     "digiRecursiveValue": "#FFFFFF",
     "digiValue": "grayscale--0"
   },
@@ -1997,7 +2785,7 @@
     "name": "Icon/brand-primary",
     "id": "VariableID:13650:2072",
     "remote": false,
-    "key": "a4628814fd8157539d7312834aeef655cd8c7b64",
+    "key": "581e3374579b38452ff8d617a0d6e226658445d8",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används på ljusa bakgrunder där man vill få in varumärkets färg, t.ex. länkknappar.",
@@ -2006,12 +2794,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
       }
     },
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--brand-primary"
+    },
     "digiName": "icon--brand-primary",
     "digiCSSVariable": "--digi--color--icon--brand-primary",
     "digiRecursiveValue": "#091D54",
@@ -2021,7 +2815,7 @@
     "name": "Icon/brand-secondary",
     "id": "VariableID:13650:2073",
     "remote": false,
-    "key": "cee79aa4a264b3ee95b27a3f73c8a47c563ff45a",
+    "key": "bfc301a75a234d3d10e0e521cd3e3cfe4a64e597",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används på mörka bakgrunder där man vill få in varumärkets sekundära färg, t.ex. länkknappar.",
@@ -2030,12 +2824,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:15493:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
       }
     },
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--brand-secondary"
+    },
     "digiName": "icon--brand-secondary",
     "digiCSSVariable": "--digi--color--icon--brand-secondary",
     "digiRecursiveValue": "#67EE6A",
@@ -2045,7 +2845,7 @@
     "name": "Icon/cta",
     "id": "VariableID:13650:2069",
     "remote": false,
-    "key": "c54d1785192e8ba4b209c267f779fff7022469e9",
+    "key": "73452fa8632cef14479eb052b0addcee2d96d8d5",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används för ikon i funktionsknapp, filuppladdare och flikfältet. ",
@@ -2054,12 +2854,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13377:27"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
       }
     },
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--cta"
+    },
     "digiName": "icon--cta",
     "digiCSSVariable": "--digi--color--icon--cta",
     "digiRecursiveValue": "#1616B2",
@@ -2069,7 +2875,7 @@
     "name": "Background/Interactive/validation/success",
     "id": "VariableID:13649:1552",
     "remote": false,
-    "key": "8a031d7182fbc70e1741b203fd38b865a5b5f9df",
+    "key": "2a0f83cc81ce4ee61711ac00bf53597d036a37f3",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Bakgrundsfärg för inmatningsfältets success-state.",
@@ -2078,12 +2884,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:40"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--validation--success"
+    },
     "digiName": "background--interactive--validation--success",
     "digiCSSVariable": "--digi--color--background--interactive--validation--success",
     "digiRecursiveValue": "#E9F6EC",
@@ -2093,7 +2905,7 @@
     "name": "Background/Interactive/validation/warning",
     "id": "VariableID:13649:1554",
     "remote": false,
-    "key": "0ed95c41d5d60b23e3289ead60195a05a1c56180",
+    "key": "b97b6b30ca68615191e4768f5fad07948d713bd3",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Bakgrundsfärg för inmatningsfältets warning-state.",
@@ -2102,12 +2914,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:30"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--validation--warning"
+    },
     "digiName": "background--interactive--validation--warning",
     "digiCSSVariable": "--digi--color--background--interactive--validation--warning",
     "digiRecursiveValue": "#FFFBDD",
@@ -2117,7 +2935,7 @@
     "name": "Background/Sentiment/neutral/primary",
     "id": "VariableID:13916:1763",
     "remote": false,
-    "key": "08426caa3b0f73fc3847197ece9afc30299e1ac3",
+    "key": "f253c1e4d511af687b3e5549d9636f3fd9662bd2",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Neutral bakgrundsfärg som används i statusindikatorer.",
@@ -2126,12 +2944,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:29"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:29"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--neutral--primary"
+    },
     "digiName": "background--sentiment--neutral--primary",
     "digiCSSVariable": "--digi--color--background--sentiment--neutral--primary",
     "digiRecursiveValue": "#757575",
@@ -2141,7 +2965,7 @@
     "name": "Background/Interactive/validation/error",
     "id": "VariableID:13649:1556",
     "remote": false,
-    "key": "a3b97de6f5233bf70459824dd12217859dd07c60",
+    "key": "5d4b8908f1ab1d182848ea8c3abb0a8b8eefd380",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Bakgrundsfärg för inmatningsfältets error-state.",
@@ -2150,12 +2974,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:51"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--validation--error"
+    },
     "digiName": "background--interactive--validation--error",
     "digiCSSVariable": "--digi--color--background--interactive--validation--error",
     "digiRecursiveValue": "#FDEDED",
@@ -2165,7 +2995,7 @@
     "name": "Background/Sentiment/neutral/secondary",
     "id": "VariableID:13916:1762",
     "remote": false,
-    "key": "1c0d36c2690749b5b45e19c00634eedd577573c0",
+    "key": "f3dbb87add193a7a49cd7a7075c6ce6bd67ebc37",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Neutral bakgrundsfärg som används i statusindikatorer av sekundär variant.",
@@ -2174,12 +3004,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:35"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--neutral--secondary"
+    },
     "digiName": "background--sentiment--neutral--secondary",
     "digiCSSVariable": "--digi--color--background--sentiment--neutral--secondary",
     "digiRecursiveValue": "#DDDDDD",
@@ -2189,7 +3025,7 @@
     "name": "Background/Sentiment/beta/primary",
     "id": "VariableID:13916:1770",
     "remote": false,
-    "key": "8acdef77d07c5a63400aa1026ef6c06a0506454e",
+    "key": "db1d115f05e1f97ec8ca5ee806cc69633ae62f51",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Bakgrundsfärg som används för statusindikatorer av varianten “beta”.",
@@ -2198,12 +3034,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13367:25"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:25"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--beta--primary"
+    },
     "digiName": "background--sentiment--beta--primary",
     "digiCSSVariable": "--digi--color--background--sentiment--beta--primary",
     "digiRecursiveValue": "#CE1CBD",
@@ -2213,7 +3055,7 @@
     "name": "Background/Sentiment/beta/secondary",
     "id": "VariableID:13916:1771",
     "remote": false,
-    "key": "12c32a64df3286d5acb71a715e18d5e74dffbd7a",
+    "key": "9a88141ce238610a09d723db1f3fb9b0d969c0fa",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Bakgrundsfärg som används för statusindikatorer av varianten sekundär “beta”.",
@@ -2222,12 +3064,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13465:995"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13465:995"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--beta--secondary"
+    },
     "digiName": "background--sentiment--beta--secondary",
     "digiCSSVariable": "--digi--color--background--sentiment--beta--secondary",
     "digiRecursiveValue": "#F8DDF5",
@@ -2237,7 +3085,7 @@
     "name": "Background/notification",
     "id": "VariableID:13916:1678",
     "remote": false,
-    "key": "763e4dd50cfd3851fde20edb4c7656ee1ab6c213",
+    "key": "444cbc849be69a46c6289d30f1d7abe24a038605",
     "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.",
@@ -2246,12 +3094,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13385:50"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--notification"
+    },
     "digiName": "background--notification",
     "digiCSSVariable": "--digi--color--background--notification",
     "digiRecursiveValue": "#DA0000",
@@ -2261,7 +3115,7 @@
     "name": "Background/Sentiment/neutral/tertiary",
     "id": "VariableID:13916:1905",
     "remote": false,
-    "key": "c22b4a1214a5851af23bc17cf9df7da793195327",
+    "key": "2ab62d44bcb0f90faf376b9dbf2dfb63eb92e08f",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Neutral bakgrundsfärg som används i mediatagg.",
@@ -2270,12 +3124,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:37"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--neutral--tertiary"
+    },
     "digiName": "background--sentiment--neutral--tertiary",
     "digiCSSVariable": "--digi--color--background--sentiment--neutral--tertiary",
     "digiRecursiveValue": "#333333",
@@ -2285,7 +3145,7 @@
     "name": "Misc/spinner-path",
     "id": "VariableID:14194:1890",
     "remote": false,
-    "key": "264ad22c52a82c863dfdbcd4f7917259b93f020d",
+    "key": "69d50939bea2fbc0608b5a01a8625866865af710",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används i Spinner-komponenten.",
@@ -2294,13 +3154,19 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:35"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
       }
     },
     "scopes": [
       "FRAME_FILL",
       "SHAPE_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--misc--spinner-path"
+    },
     "digiName": "misc--spinner-path",
     "digiCSSVariable": "--digi--color--misc--spinner-path",
     "digiRecursiveValue": "#DDDDDD",
@@ -2310,7 +3176,7 @@
     "name": "Misc/skeleton",
     "id": "VariableID:15650:2847",
     "remote": false,
-    "key": "dcf95cfb99b765a4eafbc3b152d6f8cd24e02a04",
+    "key": "836d6502b4562bf120362c73b9ae0490650170d2",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används i Platshållare-komponenten.",
@@ -2319,13 +3185,19 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:35"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
       }
     },
     "scopes": [
       "FRAME_FILL",
       "SHAPE_FILL"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--misc--skeleton"
+    },
     "digiName": "misc--skeleton",
     "digiCSSVariable": "--digi--color--misc--skeleton",
     "digiRecursiveValue": "#DDDDDD",
@@ -2335,7 +3207,7 @@
     "name": "Infographic/Lineart",
     "id": "VariableID:16588:2",
     "remote": false,
-    "key": "00f60cbf4810af1eebbdd4c07cc88925b86408d9",
+    "key": "6c59e571e47db097f0188a1ff4efba4910ac81a6",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "",
@@ -2344,12 +3216,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13386:37"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
       }
     },
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--lineart"
+    },
     "digiName": "infographic--lineart",
     "digiCSSVariable": "--digi--color--infographic--lineart",
     "digiRecursiveValue": "#333333",
@@ -2359,7 +3237,7 @@
     "name": "Infographic/Brand/Primary",
     "id": "VariableID:16588:3944",
     "remote": false,
-    "key": "bbc9f09691a4949f0395c1fd1adcd86bae1a89ef",
+    "key": "19a179a098604416ffb65f77fddfe0eea4274ed2",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används som primär färg för infografik.",
@@ -2368,12 +3246,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:17212:928"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:17212:928"
       }
     },
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--brand--primary"
+    },
     "digiName": "infographic--brand--primary",
     "digiCSSVariable": "--digi--color--infographic--brand--primary",
     "digiRecursiveValue": "#02A704",
@@ -2383,7 +3267,7 @@
     "name": "Infographic/Background",
     "id": "VariableID:16588:11013",
     "remote": false,
-    "key": "e738249ea2e120f7948725e2d7a3ec4eadca2107",
+    "key": "3267a8cfd7ba00d4f97427f08ca669e8d8494a68",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "",
@@ -2392,12 +3276,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
       }
     },
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--background"
+    },
     "digiName": "infographic--background",
     "digiCSSVariable": "--digi--color--infographic--background",
     "digiRecursiveValue": "#FFFFFF",
@@ -2407,7 +3297,7 @@
     "name": "Infographic/Brand/Primary-alt",
     "id": "VariableID:16588:11010",
     "remote": false,
-    "key": "e845d39574986d782bff8c0fa981166c7c7880ae",
+    "key": "e5031ef19f36ad621956578687ad6cbe9a7b34af",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används i vissa fall där denna färg inte syns i dark mode.",
@@ -2416,12 +3306,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:17212:928"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:17212:928"
       }
     },
     "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",
@@ -2431,7 +3327,7 @@
     "name": "Infographic/Brand/Secondary",
     "id": "VariableID:16588:11011",
     "remote": false,
-    "key": "7e6394c3304ae9cc29c8658f5d8f27660b12f3cd",
+    "key": "b8bf3f6d8ad8d8fdf379005d6e7e2b135e6db7f7",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används som sekundär färg för infografik.",
@@ -2440,12 +3336,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:17212:929"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:17212:929"
       }
     },
     "scopes": [
       "ALL_SCOPES"
     ],
-    "codeSyntax": {},
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--brand--secondary"
+    },
     "digiName": "infographic--brand--secondary",
     "digiCSSVariable": "--digi--color--infographic--brand--secondary",
     "digiRecursiveValue": "#CBECC9",
@@ -2455,7 +3357,7 @@
     "name": "Infographic/Brand/Secondary-alt",
     "id": "VariableID:16588:11012",
     "remote": false,
-    "key": "49327cc08b93125a464fbb0f335073ebc7662ec8",
+    "key": "85bef5f8144c6474af63643cb4cd249972278cf1",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
     "description": "Används i vissa fall där denna färg inte syns i dark mode.",
@@ -2464,12 +3366,18 @@
       "13447:0": {
         "type": "VARIABLE_ALIAS",
         "id": "VariableID:17212:929"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:17212:929"
       }
     },
     "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",
@@ -2479,7 +3387,7 @@
     "name": "Grayscale/0",
     "id": "VariableID:13367:15",
     "remote": false,
-    "key": "11550d9e0b9ce3e6f40120727bd429f72db4376b",
+    "key": "4f45df361741509c9c6015bd98e27b985f2e97d5",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -2504,7 +3412,7 @@
     "name": "Grayscale/50",
     "id": "VariableID:13386:32",
     "remote": false,
-    "key": "2aaaa36124b542eec33bf4c54a3e5d3fda90bb89",
+    "key": "2a5235a659de4f8faac233451920bfbfd4708357",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -2525,11 +3433,36 @@
     "digiRecursiveValue": "#FBFBFB",
     "digiCSSVariable": "--digi--grayscale--50"
   },
+  "grayscale--75": {
+    "name": "Grayscale/75",
+    "id": "VariableID:21002:10572",
+    "remote": false,
+    "key": "e99655cce0ce76b616b0aa707a87c71333840334",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.9607843160629272,
+        "g": 0.9607843160629272,
+        "b": 0.9607843160629272,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--75",
+    "digiRecursiveValue": "#F5F5F5",
+    "digiCSSVariable": "--digi--grayscale--75"
+  },
   "grayscale--100": {
     "name": "Grayscale/100",
     "id": "VariableID:13386:2",
     "remote": false,
-    "key": "8f82537c18edb36774fb9228159f4bd0fd9b1768",
+    "key": "78a698b8e060f549b550d7b87d86068df5b22bae",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -2554,7 +3487,7 @@
     "name": "Grayscale/200",
     "id": "VariableID:13386:36",
     "remote": false,
-    "key": "4c18304821a99a5098361fdff9eb9106e929f917",
+    "key": "1c31076ec075e660607d297b0e0b3e5884d7c8fb",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "Sekundär bakgrundsfärg / Secoundary background",
@@ -2579,7 +3512,7 @@
     "name": "Grayscale/300",
     "id": "VariableID:13386:34",
     "remote": false,
-    "key": "56f14725ef5926b54315fbdc6078924ea3c69891",
+    "key": "fd6e62c02d709399fc82fbda5f2afe3f24c2ee83",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -2604,7 +3537,7 @@
     "name": "Grayscale/400",
     "id": "VariableID:13386:35",
     "remote": false,
-    "key": "50a453e35a141e7613905660167466394ee9870e",
+    "key": "94798c82a2387531fa90dade12f9ed03537db7a2",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -2629,7 +3562,7 @@
     "name": "Grayscale/500",
     "id": "VariableID:13386:33",
     "remote": false,
-    "key": "4e5703d5197addbe56e38beb3435ba4ac258d971",
+    "key": "ff5a2ae6c932cdc88136db85db5c00b7ecbc31b7",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -2650,11 +3583,36 @@
     "digiRecursiveValue": "#CACACA",
     "digiCSSVariable": "--digi--grayscale--500"
   },
+  "grayscale--550": {
+    "name": "Grayscale/550",
+    "id": "VariableID:21002:10573",
+    "remote": false,
+    "key": "37b7e248a05674f4af8848cf073bf1f198c0fa2d",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.772549033164978,
+        "g": 0.772549033164978,
+        "b": 0.772549033164978,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--550",
+    "digiRecursiveValue": "#C5C5C5",
+    "digiCSSVariable": "--digi--grayscale--550"
+  },
   "grayscale--600": {
     "name": "Grayscale/600",
     "id": "VariableID:13386:31",
     "remote": false,
-    "key": "c58d596d8f6732dccd12a5b5f407f2ff8a0270da",
+    "key": "ecef4991b90e0327c65cbcec9af8c132f52de129",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -2675,11 +3633,36 @@
     "digiRecursiveValue": "#ACACAC",
     "digiCSSVariable": "--digi--grayscale--600"
   },
+  "grayscale--650": {
+    "name": "Grayscale/650",
+    "id": "VariableID:21002:10574",
+    "remote": false,
+    "key": "2f02e89debaf9d4ace8165fb917299fb73af8a54",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.6117647290229797,
+        "g": 0.6117647290229797,
+        "b": 0.6117647290229797,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--650",
+    "digiRecursiveValue": "#9C9C9C",
+    "digiCSSVariable": "--digi--grayscale--650"
+  },
   "grayscale--700": {
     "name": "Grayscale/700",
     "id": "VariableID:13386:29",
     "remote": false,
-    "key": "2e5dd5d8828bfb7826aa5ee8f94ee3c61712328d",
+    "key": "5655bc2be37214633d85bc18a39c2dcb4d45ca83",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "Textcolor",
@@ -2704,7 +3687,7 @@
     "name": "Grayscale/800",
     "id": "VariableID:13386:28",
     "remote": false,
-    "key": "fb91ca5428178a398d0b369440e4c15979902fd9",
+    "key": "a92483ea5a1dcc259552715574062cd81989abbb",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "Textcolor 5C5C5C",
@@ -2725,11 +3708,61 @@
     "digiRecursiveValue": "#5C5C5C",
     "digiCSSVariable": "--digi--grayscale--800"
   },
+  "grayscale--850": {
+    "name": "Grayscale/850",
+    "id": "VariableID:21002:10575",
+    "remote": false,
+    "key": "029d640e149629627589f516d53fda4f50a7f814",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "Textcolor 5C5C5C",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.3176470696926117,
+        "g": 0.3176470696926117,
+        "b": 0.3176470696926117,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--850",
+    "digiRecursiveValue": "#515151",
+    "digiCSSVariable": "--digi--grayscale--850"
+  },
+  "grayscale--875": {
+    "name": "Grayscale/875",
+    "id": "VariableID:21002:10576",
+    "remote": false,
+    "key": "56731e5cf904251b7e07d07d0045ba38126fe83c",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "Textcolor 5C5C5C",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.2549019753932953,
+        "g": 0.2549019753932953,
+        "b": 0.2549019753932953,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--875",
+    "digiRecursiveValue": "#414141",
+    "digiCSSVariable": "--digi--grayscale--875"
+  },
   "grayscale--900": {
     "name": "Grayscale/900",
     "id": "VariableID:13386:37",
     "remote": false,
-    "key": "4e02e52198a9d741e4a1e002de22e49930b475e6",
+    "key": "7c71bc2c1bc4a62948714973b3cf6226dcc902c1",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "Primary text color",
@@ -2750,20 +3783,20 @@
     "digiRecursiveValue": "#333333",
     "digiCSSVariable": "--digi--grayscale--900"
   },
-  "grayscale--1000": {
-    "name": "Grayscale/1000",
-    "id": "VariableID:13386:30",
+  "grayscale--950": {
+    "name": "Grayscale/950",
+    "id": "VariableID:21002:10577",
     "remote": false,
-    "key": "5648c60b9b983704fda6e97c8aebfb6aef883fac",
+    "key": "ff4bafec32017921b3fbc04e0a65a4332278bce4",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
-    "description": "",
+    "description": "Primary text color",
     "hiddenFromPublishing": true,
     "valuesByMode": {
       "13367:3": {
-        "r": 0,
-        "g": 0,
-        "b": 0,
+        "r": 0.12941177189350128,
+        "g": 0.12941177189350128,
+        "b": 0.12941177189350128,
         "a": 1
       }
     },
@@ -2771,24 +3804,49 @@
       "ALL_SCOPES"
     ],
     "codeSyntax": {},
-    "digiName": "grayscale--1000",
-    "digiRecursiveValue": "#000000",
-    "digiCSSVariable": "--digi--grayscale--1000"
+    "digiName": "grayscale--950",
+    "digiRecursiveValue": "#212121",
+    "digiCSSVariable": "--digi--grayscale--950"
   },
-  "sentiment--informative--200": {
-    "name": "Sentiment/Informative/200",
-    "id": "VariableID:13385:86",
+  "grayscale--975": {
+    "name": "Grayscale/975",
+    "id": "VariableID:21002:10578",
+    "remote": false,
+    "key": "647291b890d006cc29e97d6a46944c889e3a8e0e",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "Primary text color",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.1725490242242813,
+        "g": 0.1725490242242813,
+        "b": 0.1725490242242813,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--975",
+    "digiRecursiveValue": "#2C2C2C",
+    "digiCSSVariable": "--digi--grayscale--975"
+  },
+  "grayscale--1000": {
+    "name": "Grayscale/1000",
+    "id": "VariableID:13386:30",
     "remote": false,
-    "key": "f7729daa950968f200c605d53b5b42e72b68cefa",
+    "key": "fe333a1299cab3338315e6f558a1874ed0c89dcd",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
     "hiddenFromPublishing": true,
     "valuesByMode": {
       "13367:3": {
-        "r": 0.9137254953384399,
-        "g": 0.9137254953384399,
-        "b": 1,
+        "r": 0,
+        "g": 0,
+        "b": 0,
         "a": 1
       }
     },
@@ -2796,15 +3854,15 @@
       "ALL_SCOPES"
     ],
     "codeSyntax": {},
-    "digiName": "sentiment--informative--200",
-    "digiRecursiveValue": "#E9E9FF",
-    "digiCSSVariable": "--digi--sentiment--informative--200"
+    "digiName": "grayscale--1000",
+    "digiRecursiveValue": "#000000",
+    "digiCSSVariable": "--digi--grayscale--1000"
   },
   "sentiment--informative--700": {
     "name": "Sentiment/Informative/700",
     "id": "VariableID:13385:84",
     "remote": false,
-    "key": "8a621b9f8e0da36e5b68ade06c5c4b65b99e8192",
+    "key": "0e899ac32ed62d01d9b30aafa83fdc1b46484510",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -2829,7 +3887,7 @@
     "name": "Sentiment/Informative/500",
     "id": "VariableID:13385:85",
     "remote": false,
-    "key": "d334ebd2e6438f1bfd00d5aa82fe55870bf319fd",
+    "key": "1fd2d16f881605336fcbb123f7690800fd32eb0c",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -2850,11 +3908,36 @@
     "digiRecursiveValue": "#0A4DD1",
     "digiCSSVariable": "--digi--sentiment--informative--500"
   },
+  "sentiment--informative--200": {
+    "name": "Sentiment/Informative/200",
+    "id": "VariableID:13385:86",
+    "remote": false,
+    "key": "a08f9a3c2d70a657867859797f9e4c2c404bd03f",
+    "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--error--200": {
     "name": "Sentiment/Error/200",
     "id": "VariableID:13385:51",
     "remote": false,
-    "key": "4fc6cb841730e333b5f41d65aeaabe3a87579d24",
+    "key": "ee9aa3ce319a9592995ce42226d0d0d816a92caf",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -2879,7 +3962,7 @@
     "name": "Sentiment/Error/500",
     "id": "VariableID:13385:50",
     "remote": false,
-    "key": "d35eb8bff3c99747a6b693e9fcddc59e8dab80cf",
+    "key": "8af05fa09261f41453d8c59ebd99251d0df40a0a",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -2904,7 +3987,7 @@
     "name": "Sentiment/Error/700",
     "id": "VariableID:13385:49",
     "remote": false,
-    "key": "65285cc89a16828378be1872fea7a45732218843",
+    "key": "bdea282d4c47f55058316b4f8651167de80f88af",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -2929,7 +4012,7 @@
     "name": "Sentiment/Success/200",
     "id": "VariableID:13385:40",
     "remote": false,
-    "key": "efaa258bb12d983412b146c1771c741fe6b130da",
+    "key": "703333fa11c7f1ede5233c97633595cea83788b3",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -2954,7 +4037,7 @@
     "name": "Sentiment/Success/500",
     "id": "VariableID:13385:39",
     "remote": false,
-    "key": "03e60dfa959052642fd9a539c4bf236027b54e8f",
+    "key": "33337c8799f1c6ddb2ae3e57f9ceb016444080c7",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -2979,7 +4062,7 @@
     "name": "Sentiment/Success/700",
     "id": "VariableID:13385:38",
     "remote": false,
-    "key": "d9c5168a484cb838d9c309910605deedebcecd74",
+    "key": "67a4771d360f955ecdc6ab20e1ab3e32586c4d2e",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -3004,7 +4087,7 @@
     "name": "Sentiment/Warning/50",
     "id": "VariableID:13385:30",
     "remote": false,
-    "key": "0914cc900fa17eb2ff562f317265711b4311253f",
+    "key": "c6aa6fa01258beb264482a0accc7d3d51c445cad",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -3029,7 +4112,7 @@
     "name": "Sentiment/Warning/200",
     "id": "VariableID:13385:29",
     "remote": false,
-    "key": "e807ead65168bba702466e4419333c7905fd7c8b",
+    "key": "dab2b17969e77c33afe05f2a976f244968c0ccaf",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -3054,7 +4137,7 @@
     "name": "Sentiment/Warning/500",
     "id": "VariableID:13385:28",
     "remote": false,
-    "key": "b27237e175c5ca04fcd6ec50c6291fb4417c54ff",
+    "key": "b5ad0e8c752c6060d18d18b62a64c5b48bbbf66e",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -3079,7 +4162,7 @@
     "name": "Sentiment/Warning/700",
     "id": "VariableID:13385:26",
     "remote": false,
-    "key": "f3d0ca31060740a4c9200ee95541c57e8e9728a4",
+    "key": "6e6893b49e85b08ae3a2d2ad8acc384827a5f01c",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -3104,7 +4187,7 @@
     "name": "Sentiment/Warning/900",
     "id": "VariableID:13385:27",
     "remote": false,
-    "key": "e98dc2b736c3f64954339c228ab0ef7116ec49b2",
+    "key": "85c78f0e0fcb06afadd741a1d982b36fe2699955",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -3129,7 +4212,7 @@
     "name": "Misc/Transparent",
     "id": "VariableID:13646:1231",
     "remote": false,
-    "key": "cafc347eb6d1ba0768a4ad132dcec59cf596f8f9",
+    "key": "5ab296fdc67063901aea16b94dbf368771d0559c",
     "variableCollectionId": "VariableCollectionId:13367:14",
     "resolvedType": "COLOR",
     "description": "",
@@ -3147,7 +4230,7 @@
     ],
     "codeSyntax": {},
     "digiName": "misc--transparent",
-    "digiRecursiveValue": "#FFFFFF",
+    "digiRecursiveValue": "#FFFFFF00",
     "digiCSSVariable": "--digi--misc--transparent"
   }
 }