@rijkshuisstijl-community/design-tokens 1.0.0-alpha.162 → 1.0.0-alpha.164

package/dist/uitvoerend-mintgroen-focus/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 18 Feb 2025 10:19:55 GMT
+// Generated on Wed, 19 Feb 2025 13:09:05 GMT
 
 $nl-number-badge-padding-block: 0.5rem;
 $nl-number-badge-padding-inline: 0.5rem;
@@ -65,6 +65,34 @@ $nl-paragraph-font-weight: 400;
 $nl-paragraph-font-size: 1.25rem;
 $nl-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
 $nl-paragraph-color: #154273;
+$nl-skip-link-text-underline-offset: 0.125rem;
+$nl-skip-link-text-decoration: underline;
+$nl-skip-link-box-block-end-shadow-color: #0000001a;
+$nl-skip-link-box-block-end-shadow-spread-radius: 0;
+$nl-skip-link-box-block-end-shadow-blur-radius: 48px;
+$nl-skip-link-box-block-end-shadow-offset-y: 16px;
+$nl-skip-link-box-block-end-shadow-offset-x: 0;
+$nl-skip-link-border-width: 2px;
+$nl-skip-link-color: #fff;
+$nl-skip-link-border-color: transparent;
+$nl-skip-link-background-color: #154273;
+$nl-skip-link-focus-visible-outline-color: #000;
+$nl-skip-link-focus-text-decoration: None;
+$nl-skip-link-focus-color: #154273;
+$nl-skip-link-focus-border-width: 2px;
+$nl-skip-link-focus-border-style: solid;
+$nl-skip-link-focus-border-color: #154273;
+$nl-skip-link-focus-background-color: #fff;
+$nl-skip-link-padding-inline-start: 1rem;
+$nl-skip-link-padding-inline-end: 1rem;
+$nl-skip-link-padding-block-start: 0.75rem;
+$nl-skip-link-padding-block-end: 0.75rem;
+$nl-skip-link-min-inline-size: 48px;
+$nl-skip-link-min-block-size: 48px;
+$nl-skip-link-line-height: 150%;
+$nl-skip-link-font-size: 1.25rem;
+$nl-skip-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
+$nl-skip-link-font-weight: 700;
 $denhaag-sidenav-link-focus-background-color: #FDD370;
 $todo-pagination-page-link-focus-background-color: #FDD370;
 $todo-nav-bar-link-focus-background-color: #FDD370;
@@ -388,33 +416,6 @@ $utrecht-unordered-list-padding-inline-start: 1.5rem;
 $utrecht-icon-inset-block-start: 0;
 $utrecht-icon-size: 24px;
 $utrecht-icon-color: inherit;
-$utrecht-skip-link-text-underline-offset: 0.125rem;
-$utrecht-skip-link-text-decoration: underline;
-$utrecht-skip-link-box-block-end-shadow-color: #0000001a;
-$utrecht-skip-link-box-block-end-shadow-spread-radius: 0;
-$utrecht-skip-link-box-block-end-shadow-blur-radius: 48px;
-$utrecht-skip-link-box-block-end-shadow-offset-y: 16px;
-$utrecht-skip-link-box-block-end-shadow-offset-x: 0;
-$utrecht-skip-link-border-width: 2px;
-$utrecht-skip-link-color: #fff;
-$utrecht-skip-link-border-color: transparent;
-$utrecht-skip-link-background-color: #154273;
-$utrecht-skip-link-focus-visible-outline-color: #000;
-$utrecht-skip-link-padding-inline-start: 1rem;
-$utrecht-skip-link-padding-inline-end: 1rem;
-$utrecht-skip-link-padding-block-start: 0.75rem;
-$utrecht-skip-link-padding-block-end: 0.75rem;
-$utrecht-skip-link-min-inline-size: 48px;
-$utrecht-skip-link-min-block-size: 48px;
-$utrecht-skip-link-line-height: 150%;
-$utrecht-skip-link-font-size: 1.25rem;
-$utrecht-skip-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
-$utrecht-skip-link-font-weight: 700;
-$utrecht-skip-link-focus-text-decoration: None;
-$utrecht-skip-link-focus-color: #154273;
-$utrecht-skip-link-focus-border-width: 2px;
-$utrecht-skip-link-focus-border-style: solid;
-$utrecht-skip-link-focus-border-color: #154273;
 $utrecht-skip-link-focus-background-color: #FDD370;
 $utrecht-counter-badge-background-color: #FDD370;
 $utrecht-textbox-hover-color: #154273;

package/dist/uitvoerend-mintgroen-focus/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Feb 2025 10:19:55 GMT
+ * Generated on Wed, 19 Feb 2025 13:09:05 GMT
  */
 
 .uitvoerend-mintgroen-focus {
@@ -67,6 +67,34 @@
   --nl-paragraph-font-size: 1.25rem;
   --nl-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
   --nl-paragraph-color: #154273;
+  --nl-skip-link-text-underline-offset: 0.125rem;
+  --nl-skip-link-text-decoration: underline;
+  --nl-skip-link-box-block-end-shadow-color: #0000001a;
+  --nl-skip-link-box-block-end-shadow-spread-radius: 0;
+  --nl-skip-link-box-block-end-shadow-blur-radius: 48px;
+  --nl-skip-link-box-block-end-shadow-offset-y: 16px;
+  --nl-skip-link-box-block-end-shadow-offset-x: 0;
+  --nl-skip-link-border-width: 2px;
+  --nl-skip-link-color: #fff;
+  --nl-skip-link-border-color: transparent;
+  --nl-skip-link-background-color: #154273;
+  --nl-skip-link-focus-visible-outline-color: #000;
+  --nl-skip-link-focus-text-decoration: None;
+  --nl-skip-link-focus-color: #154273;
+  --nl-skip-link-focus-border-width: 2px;
+  --nl-skip-link-focus-border-style: solid;
+  --nl-skip-link-focus-border-color: #154273;
+  --nl-skip-link-focus-background-color: #fff;
+  --nl-skip-link-padding-inline-start: 1rem;
+  --nl-skip-link-padding-inline-end: 1rem;
+  --nl-skip-link-padding-block-start: 0.75rem;
+  --nl-skip-link-padding-block-end: 0.75rem;
+  --nl-skip-link-min-inline-size: 48px;
+  --nl-skip-link-min-block-size: 48px;
+  --nl-skip-link-line-height: 150%;
+  --nl-skip-link-font-size: 1.25rem;
+  --nl-skip-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
+  --nl-skip-link-font-weight: 700;
   --denhaag-sidenav-link-focus-background-color: #FDD370;
   --todo-pagination-page-link-focus-background-color: #FDD370;
   --todo-nav-bar-link-focus-background-color: #FDD370;
@@ -390,33 +418,6 @@
   --utrecht-icon-inset-block-start: 0;
   --utrecht-icon-size: 24px;
   --utrecht-icon-color: inherit;
-  --utrecht-skip-link-text-underline-offset: 0.125rem;
-  --utrecht-skip-link-text-decoration: underline;
-  --utrecht-skip-link-box-block-end-shadow-color: #0000001a;
-  --utrecht-skip-link-box-block-end-shadow-spread-radius: 0;
-  --utrecht-skip-link-box-block-end-shadow-blur-radius: 48px;
-  --utrecht-skip-link-box-block-end-shadow-offset-y: 16px;
-  --utrecht-skip-link-box-block-end-shadow-offset-x: 0;
-  --utrecht-skip-link-border-width: 2px;
-  --utrecht-skip-link-color: #fff;
-  --utrecht-skip-link-border-color: transparent;
-  --utrecht-skip-link-background-color: #154273;
-  --utrecht-skip-link-focus-visible-outline-color: #000;
-  --utrecht-skip-link-padding-inline-start: 1rem;
-  --utrecht-skip-link-padding-inline-end: 1rem;
-  --utrecht-skip-link-padding-block-start: 0.75rem;
-  --utrecht-skip-link-padding-block-end: 0.75rem;
-  --utrecht-skip-link-min-inline-size: 48px;
-  --utrecht-skip-link-min-block-size: 48px;
-  --utrecht-skip-link-line-height: 150%;
-  --utrecht-skip-link-font-size: 1.25rem;
-  --utrecht-skip-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
-  --utrecht-skip-link-font-weight: 700;
-  --utrecht-skip-link-focus-text-decoration: None;
-  --utrecht-skip-link-focus-color: #154273;
-  --utrecht-skip-link-focus-border-width: 2px;
-  --utrecht-skip-link-focus-border-style: solid;
-  --utrecht-skip-link-focus-border-color: #154273;
   --utrecht-skip-link-focus-background-color: #FDD370;
   --utrecht-counter-badge-background-color: #FDD370;
   --utrecht-textbox-hover-color: #154273;

package/dist/uitvoerend-mintgroen-focus/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Feb 2025 10:19:55 GMT
+ * Generated on Wed, 19 Feb 2025 13:09:05 GMT
  */
 
 export const rhcColorPrimary50 : string;
@@ -791,33 +791,6 @@ export const utrechtTextboxHoverBorderColor : string;
 export const utrechtTextboxHoverColor : string;
 export const utrechtCounterBadgeBackgroundColor : string;
 export const utrechtSkipLinkFocusBackgroundColor : string;
-export const utrechtSkipLinkFocusBorderColor : string;
-export const utrechtSkipLinkFocusBorderStyle : string;
-export const utrechtSkipLinkFocusBorderWidth : string;
-export const utrechtSkipLinkFocusColor : string;
-export const utrechtSkipLinkFocusTextDecoration : string;
-export const utrechtSkipLinkFontWeight : number;
-export const utrechtSkipLinkFontFamily : string;
-export const utrechtSkipLinkFontSize : string;
-export const utrechtSkipLinkLineHeight : string;
-export const utrechtSkipLinkMinBlockSize : string;
-export const utrechtSkipLinkMinInlineSize : string;
-export const utrechtSkipLinkPaddingBlockEnd : string;
-export const utrechtSkipLinkPaddingBlockStart : string;
-export const utrechtSkipLinkPaddingInlineEnd : string;
-export const utrechtSkipLinkPaddingInlineStart : string;
-export const utrechtSkipLinkFocusVisibleOutlineColor : string;
-export const utrechtSkipLinkBackgroundColor : string;
-export const utrechtSkipLinkBorderColor : string;
-export const utrechtSkipLinkColor : string;
-export const utrechtSkipLinkBorderWidth : string;
-export const utrechtSkipLinkBoxBlockEndShadowOffsetX : number;
-export const utrechtSkipLinkBoxBlockEndShadowOffsetY : string;
-export const utrechtSkipLinkBoxBlockEndShadowBlurRadius : string;
-export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius : number;
-export const utrechtSkipLinkBoxBlockEndShadowColor : string;
-export const utrechtSkipLinkTextDecoration : string;
-export const utrechtSkipLinkTextUnderlineOffset : string;
 export const utrechtIconColor : string;
 export const utrechtIconSize : string;
 export const utrechtIconInsetBlockStart : number;
@@ -1141,6 +1114,34 @@ export const overwriteFocusBackground : string;
 export const todoNavBarLinkFocusBackgroundColor : string;
 export const todoPaginationPageLinkFocusBackgroundColor : string;
 export const denhaagSidenavLinkFocusBackgroundColor : string;
+export const nlSkipLinkFontWeight : number;
+export const nlSkipLinkFontFamily : string;
+export const nlSkipLinkFontSize : string;
+export const nlSkipLinkLineHeight : string;
+export const nlSkipLinkMinBlockSize : string;
+export const nlSkipLinkMinInlineSize : string;
+export const nlSkipLinkPaddingBlockEnd : string;
+export const nlSkipLinkPaddingBlockStart : string;
+export const nlSkipLinkPaddingInlineEnd : string;
+export const nlSkipLinkPaddingInlineStart : string;
+export const nlSkipLinkFocusBackgroundColor : string;
+export const nlSkipLinkFocusBorderColor : string;
+export const nlSkipLinkFocusBorderStyle : string;
+export const nlSkipLinkFocusBorderWidth : string;
+export const nlSkipLinkFocusColor : string;
+export const nlSkipLinkFocusTextDecoration : string;
+export const nlSkipLinkFocusVisibleOutlineColor : string;
+export const nlSkipLinkBackgroundColor : string;
+export const nlSkipLinkBorderColor : string;
+export const nlSkipLinkColor : string;
+export const nlSkipLinkBorderWidth : string;
+export const nlSkipLinkBoxBlockEndShadowOffsetX : number;
+export const nlSkipLinkBoxBlockEndShadowOffsetY : string;
+export const nlSkipLinkBoxBlockEndShadowBlurRadius : string;
+export const nlSkipLinkBoxBlockEndShadowSpreadRadius : number;
+export const nlSkipLinkBoxBlockEndShadowColor : string;
+export const nlSkipLinkTextDecoration : string;
+export const nlSkipLinkTextUnderlineOffset : string;
 export const nlParagraphColor : string;
 export const nlParagraphFontFamily : string;
 export const nlParagraphFontSize : string;

package/dist/uitvoerend-mintgroen-focus/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Feb 2025 10:19:55 GMT
+ * Generated on Wed, 19 Feb 2025 13:09:05 GMT
  */
 
 export const rhcColorPrimary50 = "#eaf8f4";
@@ -791,33 +791,6 @@ export const utrechtTextboxHoverBorderColor = "#738eab";
 export const utrechtTextboxHoverColor = "#154273";
 export const utrechtCounterBadgeBackgroundColor = "#FDD370";
 export const utrechtSkipLinkFocusBackgroundColor = "#FDD370";
-export const utrechtSkipLinkFocusBorderColor = "#154273";
-export const utrechtSkipLinkFocusBorderStyle = "solid";
-export const utrechtSkipLinkFocusBorderWidth = "2px";
-export const utrechtSkipLinkFocusColor = "#154273";
-export const utrechtSkipLinkFocusTextDecoration = "None";
-export const utrechtSkipLinkFontWeight = 700;
-export const utrechtSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtSkipLinkFontSize = "1.25rem";
-export const utrechtSkipLinkLineHeight = "150%";
-export const utrechtSkipLinkMinBlockSize = "48px";
-export const utrechtSkipLinkMinInlineSize = "48px";
-export const utrechtSkipLinkPaddingBlockEnd = "0.75rem";
-export const utrechtSkipLinkPaddingBlockStart = "0.75rem";
-export const utrechtSkipLinkPaddingInlineEnd = "1rem";
-export const utrechtSkipLinkPaddingInlineStart = "1rem";
-export const utrechtSkipLinkFocusVisibleOutlineColor = "#000";
-export const utrechtSkipLinkBackgroundColor = "#154273";
-export const utrechtSkipLinkBorderColor = "transparent";
-export const utrechtSkipLinkColor = "#fff";
-export const utrechtSkipLinkBorderWidth = "2px";
-export const utrechtSkipLinkBoxBlockEndShadowOffsetX = 0;
-export const utrechtSkipLinkBoxBlockEndShadowOffsetY = "16px";
-export const utrechtSkipLinkBoxBlockEndShadowBlurRadius = "48px";
-export const utrechtSkipLinkBoxBlockEndShadowSpreadRadius = 0;
-export const utrechtSkipLinkBoxBlockEndShadowColor = "#0000001a";
-export const utrechtSkipLinkTextDecoration = "underline";
-export const utrechtSkipLinkTextUnderlineOffset = "0.125rem";
 export const utrechtIconColor = "inherit";
 export const utrechtIconSize = "24px";
 export const utrechtIconInsetBlockStart = 0;
@@ -1141,6 +1114,34 @@ export const overwriteFocusBackground = "#FDD370";
 export const todoNavBarLinkFocusBackgroundColor = "#FDD370";
 export const todoPaginationPageLinkFocusBackgroundColor = "#FDD370";
 export const denhaagSidenavLinkFocusBackgroundColor = "#FDD370";
+export const nlSkipLinkFontWeight = 700;
+export const nlSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const nlSkipLinkFontSize = "1.25rem";
+export const nlSkipLinkLineHeight = "150%";
+export const nlSkipLinkMinBlockSize = "48px";
+export const nlSkipLinkMinInlineSize = "48px";
+export const nlSkipLinkPaddingBlockEnd = "0.75rem";
+export const nlSkipLinkPaddingBlockStart = "0.75rem";
+export const nlSkipLinkPaddingInlineEnd = "1rem";
+export const nlSkipLinkPaddingInlineStart = "1rem";
+export const nlSkipLinkFocusBackgroundColor = "#fff";
+export const nlSkipLinkFocusBorderColor = "#154273";
+export const nlSkipLinkFocusBorderStyle = "solid";
+export const nlSkipLinkFocusBorderWidth = "2px";
+export const nlSkipLinkFocusColor = "#154273";
+export const nlSkipLinkFocusTextDecoration = "None";
+export const nlSkipLinkFocusVisibleOutlineColor = "#000";
+export const nlSkipLinkBackgroundColor = "#154273";
+export const nlSkipLinkBorderColor = "transparent";
+export const nlSkipLinkColor = "#fff";
+export const nlSkipLinkBorderWidth = "2px";
+export const nlSkipLinkBoxBlockEndShadowOffsetX = 0;
+export const nlSkipLinkBoxBlockEndShadowOffsetY = "16px";
+export const nlSkipLinkBoxBlockEndShadowBlurRadius = "48px";
+export const nlSkipLinkBoxBlockEndShadowSpreadRadius = 0;
+export const nlSkipLinkBoxBlockEndShadowColor = "#0000001a";
+export const nlSkipLinkTextDecoration = "underline";
+export const nlSkipLinkTextUnderlineOffset = "0.125rem";
 export const nlParagraphColor = "#154273";
 export const nlParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
 export const nlParagraphFontSize = "1.25rem";

package/dist/uitvoerend-mintgroen-focus/index.json

@@ -787,33 +787,6 @@
   "utrechtTextboxHoverColor": "#154273",
   "utrechtCounterBadgeBackgroundColor": "#FDD370",
   "utrechtSkipLinkFocusBackgroundColor": "#FDD370",
-  "utrechtSkipLinkFocusBorderColor": "#154273",
-  "utrechtSkipLinkFocusBorderStyle": "solid",
-  "utrechtSkipLinkFocusBorderWidth": "2px",
-  "utrechtSkipLinkFocusColor": "#154273",
-  "utrechtSkipLinkFocusTextDecoration": "None",
-  "utrechtSkipLinkFontWeight": 700,
-  "utrechtSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
-  "utrechtSkipLinkFontSize": "1.25rem",
-  "utrechtSkipLinkLineHeight": "150%",
-  "utrechtSkipLinkMinBlockSize": "48px",
-  "utrechtSkipLinkMinInlineSize": "48px",
-  "utrechtSkipLinkPaddingBlockEnd": "0.75rem",
-  "utrechtSkipLinkPaddingBlockStart": "0.75rem",
-  "utrechtSkipLinkPaddingInlineEnd": "1rem",
-  "utrechtSkipLinkPaddingInlineStart": "1rem",
-  "utrechtSkipLinkFocusVisibleOutlineColor": "#000",
-  "utrechtSkipLinkBackgroundColor": "#154273",
-  "utrechtSkipLinkBorderColor": "transparent",
-  "utrechtSkipLinkColor": "#fff",
-  "utrechtSkipLinkBorderWidth": "2px",
-  "utrechtSkipLinkBoxBlockEndShadowOffsetX": 0,
-  "utrechtSkipLinkBoxBlockEndShadowOffsetY": "16px",
-  "utrechtSkipLinkBoxBlockEndShadowBlurRadius": "48px",
-  "utrechtSkipLinkBoxBlockEndShadowSpreadRadius": 0,
-  "utrechtSkipLinkBoxBlockEndShadowColor": "#0000001a",
-  "utrechtSkipLinkTextDecoration": "underline",
-  "utrechtSkipLinkTextUnderlineOffset": "0.125rem",
   "utrechtIconColor": "inherit",
   "utrechtIconSize": "24px",
   "utrechtIconInsetBlockStart": 0,
@@ -1137,6 +1110,34 @@
   "todoNavBarLinkFocusBackgroundColor": "#FDD370",
   "todoPaginationPageLinkFocusBackgroundColor": "#FDD370",
   "denhaagSidenavLinkFocusBackgroundColor": "#FDD370",
+  "nlSkipLinkFontWeight": 700,
+  "nlSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "nlSkipLinkFontSize": "1.25rem",
+  "nlSkipLinkLineHeight": "150%",
+  "nlSkipLinkMinBlockSize": "48px",
+  "nlSkipLinkMinInlineSize": "48px",
+  "nlSkipLinkPaddingBlockEnd": "0.75rem",
+  "nlSkipLinkPaddingBlockStart": "0.75rem",
+  "nlSkipLinkPaddingInlineEnd": "1rem",
+  "nlSkipLinkPaddingInlineStart": "1rem",
+  "nlSkipLinkFocusBackgroundColor": "#fff",
+  "nlSkipLinkFocusBorderColor": "#154273",
+  "nlSkipLinkFocusBorderStyle": "solid",
+  "nlSkipLinkFocusBorderWidth": "2px",
+  "nlSkipLinkFocusColor": "#154273",
+  "nlSkipLinkFocusTextDecoration": "None",
+  "nlSkipLinkFocusVisibleOutlineColor": "#000",
+  "nlSkipLinkBackgroundColor": "#154273",
+  "nlSkipLinkBorderColor": "transparent",
+  "nlSkipLinkColor": "#fff",
+  "nlSkipLinkBorderWidth": "2px",
+  "nlSkipLinkBoxBlockEndShadowOffsetX": 0,
+  "nlSkipLinkBoxBlockEndShadowOffsetY": "16px",
+  "nlSkipLinkBoxBlockEndShadowBlurRadius": "48px",
+  "nlSkipLinkBoxBlockEndShadowSpreadRadius": 0,
+  "nlSkipLinkBoxBlockEndShadowColor": "#0000001a",
+  "nlSkipLinkTextDecoration": "underline",
+  "nlSkipLinkTextUnderlineOffset": "0.125rem",
   "nlParagraphColor": "#154273",
   "nlParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
   "nlParagraphFontSize": "1.25rem",

package/dist/uitvoerend-mintgroen-focus/index.tokens.json

@@ -1241,39 +1241,8 @@
     },
     "skip-link": {
       "focus": {
-        "background-color": "#FDD370",
-        "border-color": "#154273",
-        "border-style": "solid",
-        "border-width": "2px",
-        "color": "#154273",
-        "text-decoration": "None"
-      },
-      "font-weight": 700,
-      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
-      "font-size": "1.25rem",
-      "line-height": "150%",
-      "min-block-size": "48px",
-      "min-inline-size": "48px",
-      "padding-block-end": "0.75rem",
-      "padding-block-start": "0.75rem",
-      "padding-inline-end": "1rem",
-      "padding-inline-start": "1rem",
-      "focus-visible": {
-        "outline-color": "#000"
-      },
-      "background-color": "#154273",
-      "border-color": "transparent",
-      "color": "#fff",
-      "border-width": "2px",
-      "box-block-end-shadow": {
-        "offset-x": 0,
-        "offset-y": "16px",
-        "blur-radius": "48px",
-        "spread-radius": 0,
-        "color": "#0000001a"
-      },
-      "text-decoration": "underline",
-      "text-underline-offset": "0.125rem"
+        "background-color": "#FDD370"
+      }
     },
     "icon": {
       "color": "inherit",
@@ -1810,6 +1779,42 @@
     }
   },
   "nl": {
+    "skip-link": {
+      "font-weight": 700,
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "font-size": "1.25rem",
+      "line-height": "150%",
+      "min-block-size": "48px",
+      "min-inline-size": "48px",
+      "padding-block-end": "0.75rem",
+      "padding-block-start": "0.75rem",
+      "padding-inline-end": "1rem",
+      "padding-inline-start": "1rem",
+      "focus": {
+        "background-color": "#fff",
+        "border-color": "#154273",
+        "border-style": "solid",
+        "border-width": "2px",
+        "color": "#154273",
+        "text-decoration": "None"
+      },
+      "focus-visible": {
+        "outline-color": "#000"
+      },
+      "background-color": "#154273",
+      "border-color": "transparent",
+      "color": "#fff",
+      "border-width": "2px",
+      "box-block-end-shadow": {
+        "offset-x": 0,
+        "offset-y": "16px",
+        "blur-radius": "48px",
+        "spread-radius": 0,
+        "color": "#0000001a"
+      },
+      "text-decoration": "underline",
+      "text-underline-offset": "0.125rem"
+    },
     "paragraph": {
       "color": "#154273",
       "font-family": "Fira Sans, Arial, Verdana, sans-serif",

package/dist/uitvoerend-mintgroen-focus/root.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Feb 2025 10:19:55 GMT
+ * Generated on Wed, 19 Feb 2025 13:09:05 GMT
  */
 
 :root {
@@ -67,6 +67,34 @@
   --nl-paragraph-font-size: 1.25rem;
   --nl-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
   --nl-paragraph-color: #154273;
+  --nl-skip-link-text-underline-offset: 0.125rem;
+  --nl-skip-link-text-decoration: underline;
+  --nl-skip-link-box-block-end-shadow-color: #0000001a;
+  --nl-skip-link-box-block-end-shadow-spread-radius: 0;
+  --nl-skip-link-box-block-end-shadow-blur-radius: 48px;
+  --nl-skip-link-box-block-end-shadow-offset-y: 16px;
+  --nl-skip-link-box-block-end-shadow-offset-x: 0;
+  --nl-skip-link-border-width: 2px;
+  --nl-skip-link-color: #fff;
+  --nl-skip-link-border-color: transparent;
+  --nl-skip-link-background-color: #154273;
+  --nl-skip-link-focus-visible-outline-color: #000;
+  --nl-skip-link-focus-text-decoration: None;
+  --nl-skip-link-focus-color: #154273;
+  --nl-skip-link-focus-border-width: 2px;
+  --nl-skip-link-focus-border-style: solid;
+  --nl-skip-link-focus-border-color: #154273;
+  --nl-skip-link-focus-background-color: #fff;
+  --nl-skip-link-padding-inline-start: 1rem;
+  --nl-skip-link-padding-inline-end: 1rem;
+  --nl-skip-link-padding-block-start: 0.75rem;
+  --nl-skip-link-padding-block-end: 0.75rem;
+  --nl-skip-link-min-inline-size: 48px;
+  --nl-skip-link-min-block-size: 48px;
+  --nl-skip-link-line-height: 150%;
+  --nl-skip-link-font-size: 1.25rem;
+  --nl-skip-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
+  --nl-skip-link-font-weight: 700;
   --denhaag-sidenav-link-focus-background-color: #FDD370;
   --todo-pagination-page-link-focus-background-color: #FDD370;
   --todo-nav-bar-link-focus-background-color: #FDD370;
@@ -390,33 +418,6 @@
   --utrecht-icon-inset-block-start: 0;
   --utrecht-icon-size: 24px;
   --utrecht-icon-color: inherit;
-  --utrecht-skip-link-text-underline-offset: 0.125rem;
-  --utrecht-skip-link-text-decoration: underline;
-  --utrecht-skip-link-box-block-end-shadow-color: #0000001a;
-  --utrecht-skip-link-box-block-end-shadow-spread-radius: 0;
-  --utrecht-skip-link-box-block-end-shadow-blur-radius: 48px;
-  --utrecht-skip-link-box-block-end-shadow-offset-y: 16px;
-  --utrecht-skip-link-box-block-end-shadow-offset-x: 0;
-  --utrecht-skip-link-border-width: 2px;
-  --utrecht-skip-link-color: #fff;
-  --utrecht-skip-link-border-color: transparent;
-  --utrecht-skip-link-background-color: #154273;
-  --utrecht-skip-link-focus-visible-outline-color: #000;
-  --utrecht-skip-link-padding-inline-start: 1rem;
-  --utrecht-skip-link-padding-inline-end: 1rem;
-  --utrecht-skip-link-padding-block-start: 0.75rem;
-  --utrecht-skip-link-padding-block-end: 0.75rem;
-  --utrecht-skip-link-min-inline-size: 48px;
-  --utrecht-skip-link-min-block-size: 48px;
-  --utrecht-skip-link-line-height: 150%;
-  --utrecht-skip-link-font-size: 1.25rem;
-  --utrecht-skip-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
-  --utrecht-skip-link-font-weight: 700;
-  --utrecht-skip-link-focus-text-decoration: None;
-  --utrecht-skip-link-focus-color: #154273;
-  --utrecht-skip-link-focus-border-width: 2px;
-  --utrecht-skip-link-focus-border-style: solid;
-  --utrecht-skip-link-focus-border-color: #154273;
   --utrecht-skip-link-focus-background-color: #FDD370;
   --utrecht-counter-badge-background-color: #FDD370;
   --utrecht-textbox-hover-color: #154273;

package/dist/uitvoerend-mintgroen-focus/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Feb 2025 10:19:55 GMT
+ * Generated on Wed, 19 Feb 2025 13:09:05 GMT
  */
 
 export default tokens;
@@ -1264,39 +1264,8 @@ declare const tokens: {
     },
     "skip-link": {
       "focus": {
-        "background-color": DesignToken,
-        "border-color": DesignToken,
-        "border-style": DesignToken,
-        "border-width": DesignToken,
-        "color": DesignToken,
-        "text-decoration": DesignToken
-      },
-      "font-weight": DesignToken,
-      "font-family": DesignToken,
-      "font-size": DesignToken,
-      "line-height": DesignToken,
-      "min-block-size": DesignToken,
-      "min-inline-size": DesignToken,
-      "padding-block-end": DesignToken,
-      "padding-block-start": DesignToken,
-      "padding-inline-end": DesignToken,
-      "padding-inline-start": DesignToken,
-      "focus-visible": {
-        "outline-color": DesignToken
-      },
-      "background-color": DesignToken,
-      "border-color": DesignToken,
-      "color": DesignToken,
-      "border-width": DesignToken,
-      "box-block-end-shadow": {
-        "offset-x": DesignToken,
-        "offset-y": DesignToken,
-        "blur-radius": DesignToken,
-        "spread-radius": DesignToken,
-        "color": DesignToken
-      },
-      "text-decoration": DesignToken,
-      "text-underline-offset": DesignToken
+        "background-color": DesignToken
+      }
     },
     "icon": {
       "color": DesignToken,
@@ -1833,6 +1802,42 @@ declare const tokens: {
     }
   },
   "nl": {
+    "skip-link": {
+      "font-weight": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "line-height": DesignToken,
+      "min-block-size": DesignToken,
+      "min-inline-size": DesignToken,
+      "padding-block-end": DesignToken,
+      "padding-block-start": DesignToken,
+      "padding-inline-end": DesignToken,
+      "padding-inline-start": DesignToken,
+      "focus": {
+        "background-color": DesignToken,
+        "border-color": DesignToken,
+        "border-style": DesignToken,
+        "border-width": DesignToken,
+        "color": DesignToken,
+        "text-decoration": DesignToken
+      },
+      "focus-visible": {
+        "outline-color": DesignToken
+      },
+      "background-color": DesignToken,
+      "border-color": DesignToken,
+      "color": DesignToken,
+      "border-width": DesignToken,
+      "box-block-end-shadow": {
+        "offset-x": DesignToken,
+        "offset-y": DesignToken,
+        "blur-radius": DesignToken,
+        "spread-radius": DesignToken,
+        "color": DesignToken
+      },
+      "text-decoration": DesignToken,
+      "text-underline-offset": DesignToken
+    },
     "paragraph": {
       "color": DesignToken,
       "font-family": DesignToken,