From 8e90b823eac721b280ea75ffea26f0bbf9dea0b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cjiromaykin=E2=80=9D?= <“jiro@maykinmedia.nl”>
Date: Thu, 24 Oct 2024 18:17:46 +0200
Subject: [PATCH] :wheelchair: [#2625] Add skip-link design tokens

---
 package-lock.json                          |  4 +-
 package.json                               |  2 +-
 src/community/utrecht/skiplink.tokens.json | 58 ++++++++++++++++++++++
 3 files changed, 61 insertions(+), 3 deletions(-)
 create mode 100644 src/community/utrecht/skiplink.tokens.json

diff --git a/package-lock.json b/package-lock.json
index 637d023..570f700 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@open-inwoner/design-tokens",
-  "version": "0.0.6-alpha.1",
+  "version": "0.0.7-alpha.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@open-inwoner/design-tokens",
-      "version": "0.0.6-alpha.1",
+      "version": "0.0.7-alpha.2",
       "license": "EUPL-1.2",
       "devDependencies": {
         "chokidar": "^3.5.3",
diff --git a/package.json b/package.json
index 466c9f8..60c48ad 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@open-inwoner/design-tokens",
-  "version": "0.0.6-alpha.1",
+  "version": "0.0.7-alpha.2",
   "description": "Design tokens for Open Inwoner",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
diff --git a/src/community/utrecht/skiplink.tokens.json b/src/community/utrecht/skiplink.tokens.json
new file mode 100644
index 0000000..d64d7b6
--- /dev/null
+++ b/src/community/utrecht/skiplink.tokens.json
@@ -0,0 +1,58 @@
+{
+  "utrecht": {
+    "skip-link": {
+      "background-color": {
+        "value": "{oip.color.accent}"
+      },
+      "color": {
+        "value": "#fff"
+      },
+      "min-block-size": {
+        "value": "0"
+      },
+      "min-inline-size": {
+        "value": "0"
+      },
+      "padding-block-start": {
+        "value": "24px"
+      },
+      "padding-block-end": {
+        "value": "24px"
+      },
+      "padding-inline-start": {
+        "value": "16px"
+      },
+      "padding-inline-end": {
+        "value": "16px"
+      },
+      "text-decoration": {
+        "value": "underline"
+      },
+      "z-index": {
+        "value": "5000"
+      },
+      "focus": {
+        "background-color": {
+          "value": "{oip.color.accent}"
+        },
+        "color": {
+          "value": "#fff"
+        },
+        "text-decoration": {
+          "value": "underline"
+        }
+      },
+      "focus-visible": {
+        "background-color": {
+          "value": "{oip.color.accent}"
+        },
+        "color": {
+          "value": "#fff"
+        },
+        "text-decoration": {
+          "value": "underline"
+        }
+      }
+    }
+  }
+}