@rijkshuisstijl-community/design-tokens 8.0.0 → 9.0.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @rijkshuisstijl-community/design-tokens
 
+## 9.0.0
+
+### Major Changes
+
+- 91a9ca7: Invalid FormFields now have a red border to the left of the FormField
+- e486b7a: Koop specifieke link overwrite verwijderd zodat het gelijk loopt met het generieke thema.
+
+### Patch Changes
+
+- 10ec55a: Release package with npm provenance.
+- 9c88f77: Cleaned up token naming convention
+
 ## 8.0.0
 
 ### Major Changes

package/dist/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 26 Sep 2025 23:36:51 GMT
+// Generated on Mon, 27 Oct 2025 09:20:39 GMT
 
 $basis-focus-outline-width: 2px;
 $basis-focus-inverse-outline-color: #fff;
@@ -477,8 +477,8 @@ $utrecht-drawer-border-color: #64748B;
 $utrecht-drawer-background-color: #fff;
 $utrecht-drawer-z-index: 1;
 $utrecht-drawer-max-inline-size: 256px;
-$utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
-$utrecht-form-fieldset-invalid-padding-inline-start: 0rem;
+$utrecht-form-fieldset-invalid-border-inline-start-width: 2px;
+$utrecht-form-fieldset-invalid-padding-inline-start: 1rem;
 $utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
 $utrecht-form-fieldset-section-color: #0F172A;
 $utrecht-form-fieldset-section-background-color: transparent;
@@ -506,8 +506,8 @@ $utrecht-page-footer-padding-block-end: 3rem;
 $utrecht-page-footer-padding-block-start: 3rem;
 $utrecht-page-footer-color: #fff;
 $utrecht-page-footer-background-color: #154273;
-$utrecht-form-field-invalid-padding-inline-start: 0rem;
-$utrecht-form-field-invalid-border-inline-start-width: 0px;
+$utrecht-form-field-invalid-padding-inline-start: 1rem;
+$utrecht-form-field-invalid-border-inline-start-width: 2px;
 $utrecht-form-field-invalid-border-inline-start-color: #d52b1e;
 $utrecht-form-field-margin-block-start: 0.5rem;
 $utrecht-form-field-margin-block-end: 0.5rem;
@@ -586,10 +586,6 @@ $utrecht-ordered-list-margin-block-start: 0.25rem;
 $utrecht-ordered-list-margin-block-end: 0.25rem;
 $utrecht-ordered-list-line-height: 150%;
 $utrecht-ordered-list-font-size: 1.25rem;
-$utrecht-ordered-list-margin-inline-start: 0.625rem;
-$utrecht-ordered-list-font-weight: 400;
-$utrecht-ordered-list-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
-$utrecht-ordered-list-color: #0F172A;
 $utrecht-pre-heading-font-size: 1rem;
 $utrecht-pre-heading-line-height: 125%;
 $utrecht-pre-heading-font-weight: 700;

package/dist/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 Sep 2025 23:36:51 GMT
+ * Generated on Mon, 27 Oct 2025 09:20:39 GMT
  */
 
 .rhc-theme {
@@ -479,8 +479,8 @@
   --utrecht-drawer-background-color: #fff;
   --utrecht-drawer-z-index: 1;
   --utrecht-drawer-max-inline-size: 256px;
-  --utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
-  --utrecht-form-fieldset-invalid-padding-inline-start: 0rem;
+  --utrecht-form-fieldset-invalid-border-inline-start-width: 2px;
+  --utrecht-form-fieldset-invalid-padding-inline-start: 1rem;
   --utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
   --utrecht-form-fieldset-section-color: #0F172A;
   --utrecht-form-fieldset-section-background-color: transparent;
@@ -508,8 +508,8 @@
   --utrecht-page-footer-padding-block-start: 3rem;
   --utrecht-page-footer-color: #fff;
   --utrecht-page-footer-background-color: #154273;
-  --utrecht-form-field-invalid-padding-inline-start: 0rem;
-  --utrecht-form-field-invalid-border-inline-start-width: 0px;
+  --utrecht-form-field-invalid-padding-inline-start: 1rem;
+  --utrecht-form-field-invalid-border-inline-start-width: 2px;
   --utrecht-form-field-invalid-border-inline-start-color: #d52b1e;
   --utrecht-form-field-margin-block-start: 0.5rem;
   --utrecht-form-field-margin-block-end: 0.5rem;
@@ -588,10 +588,6 @@
   --utrecht-ordered-list-margin-block-end: 0.25rem;
   --utrecht-ordered-list-line-height: 150%;
   --utrecht-ordered-list-font-size: 1.25rem;
-  --utrecht-ordered-list-margin-inline-start: 0.625rem;
-  --utrecht-ordered-list-font-weight: 400;
-  --utrecht-ordered-list-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
-  --utrecht-ordered-list-color: #0F172A;
   --utrecht-pre-heading-font-size: 1rem;
   --utrecht-pre-heading-line-height: 125%;
   --utrecht-pre-heading-font-weight: 700;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 Sep 2025 23:36:51 GMT
+ * Generated on Mon, 27 Oct 2025 09:20:39 GMT
  */
 
 export const amsPaginationFontFamily : string;
@@ -813,10 +813,6 @@ export const utrechtPreHeadingFontFamily : string;
 export const utrechtPreHeadingFontWeight : number;
 export const utrechtPreHeadingLineHeight : string;
 export const utrechtPreHeadingFontSize : string;
-export const utrechtOrderedListColor : string;
-export const utrechtOrderedListFontFamily : string;
-export const utrechtOrderedListFontWeight : number;
-export const utrechtOrderedListMarginInlineStart : string;
 export const utrechtOrderedListFontSize : string;
 export const utrechtOrderedListLineHeight : string;
 export const utrechtOrderedListMarginBlockEnd : string;

package/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 Sep 2025 23:36:51 GMT
+ * Generated on Mon, 27 Oct 2025 09:20:39 GMT
  */
 
 export const amsPaginationFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
@@ -813,10 +813,6 @@ export const utrechtPreHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-se
 export const utrechtPreHeadingFontWeight = 700;
 export const utrechtPreHeadingLineHeight = "125%";
 export const utrechtPreHeadingFontSize = "1rem";
-export const utrechtOrderedListColor = "#0F172A";
-export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
-export const utrechtOrderedListFontWeight = 400;
-export const utrechtOrderedListMarginInlineStart = "0.625rem";
 export const utrechtOrderedListFontSize = "1.25rem";
 export const utrechtOrderedListLineHeight = "150%";
 export const utrechtOrderedListMarginBlockEnd = "0.25rem";
@@ -895,8 +891,8 @@ export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
 export const utrechtFormFieldMarginBlockEnd = "0.5rem";
 export const utrechtFormFieldMarginBlockStart = "0.5rem";
 export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
-export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
-export const utrechtFormFieldInvalidPaddingInlineStart = "0rem";
+export const utrechtFormFieldInvalidBorderInlineStartWidth = "2px";
+export const utrechtFormFieldInvalidPaddingInlineStart = "1rem";
 export const utrechtPageFooterBackgroundColor = "#154273";
 export const utrechtPageFooterColor = "#fff";
 export const utrechtPageFooterPaddingBlockStart = "3rem";
@@ -924,8 +920,8 @@ export const utrechtFormFieldsetLegendDisabledColor = "#334155";
 export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
 export const utrechtFormFieldsetSectionColor = "#0F172A";
 export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
-export const utrechtFormFieldsetInvalidPaddingInlineStart = "0rem";
-export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
+export const utrechtFormFieldsetInvalidPaddingInlineStart = "1rem";
+export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "2px";
 export const utrechtDrawerMaxInlineSize = "256px";
 export const utrechtDrawerZIndex = 1;
 export const utrechtDrawerBackgroundColor = "#fff";

package/dist/index.json

@@ -809,10 +809,6 @@
   "utrechtPreHeadingFontWeight": 700,
   "utrechtPreHeadingLineHeight": "125%",
   "utrechtPreHeadingFontSize": "1rem",
-  "utrechtOrderedListColor": "#0F172A",
-  "utrechtOrderedListFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
-  "utrechtOrderedListFontWeight": 400,
-  "utrechtOrderedListMarginInlineStart": "0.625rem",
   "utrechtOrderedListFontSize": "1.25rem",
   "utrechtOrderedListLineHeight": "150%",
   "utrechtOrderedListMarginBlockEnd": "0.25rem",
@@ -891,8 +887,8 @@
   "utrechtFormFieldMarginBlockEnd": "0.5rem",
   "utrechtFormFieldMarginBlockStart": "0.5rem",
   "utrechtFormFieldInvalidBorderInlineStartColor": "#d52b1e",
-  "utrechtFormFieldInvalidBorderInlineStartWidth": "0px",
-  "utrechtFormFieldInvalidPaddingInlineStart": "0rem",
+  "utrechtFormFieldInvalidBorderInlineStartWidth": "2px",
+  "utrechtFormFieldInvalidPaddingInlineStart": "1rem",
   "utrechtPageFooterBackgroundColor": "#154273",
   "utrechtPageFooterColor": "#fff",
   "utrechtPageFooterPaddingBlockStart": "3rem",
@@ -920,8 +916,8 @@
   "utrechtFormFieldsetSectionBackgroundColor": "transparent",
   "utrechtFormFieldsetSectionColor": "#0F172A",
   "utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
-  "utrechtFormFieldsetInvalidPaddingInlineStart": "0rem",
-  "utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
+  "utrechtFormFieldsetInvalidPaddingInlineStart": "1rem",
+  "utrechtFormFieldsetInvalidBorderInlineStartWidth": "2px",
   "utrechtDrawerMaxInlineSize": "256px",
   "utrechtDrawerZIndex": 1,
   "utrechtDrawerBackgroundColor": "#fff",

package/dist/index.tokens.json

@@ -1279,10 +1279,6 @@
       "font-size": "1rem"
     },
     "ordered-list": {
-      "color": "#0F172A",
-      "font-family": "'Fira Sans', Arial, Verdana, sans-serif",
-      "font-weight": 400,
-      "margin-inline-start": "0.625rem",
       "font-size": "1.25rem",
       "line-height": "150%",
       "margin-block-end": "0.25rem",
@@ -1406,8 +1402,8 @@
       "margin-block-start": "0.5rem",
       "invalid": {
         "border-inline-start-color": "#d52b1e",
-        "border-inline-start-width": "0px",
-        "padding-inline-start": "0rem"
+        "border-inline-start-width": "2px",
+        "padding-inline-start": "1rem"
       }
     },
     "page-footer": {
@@ -1455,8 +1451,8 @@
         "border-inline-start": {
           "color": "#d52b1e"
         },
-        "padding-inline-start": "0rem",
-        "border-inline-start-width": "0px"
+        "padding-inline-start": "1rem",
+        "border-inline-start-width": "2px"
       }
     },
     "drawer": {

package/dist/koop/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 26 Sep 2025 23:36:53 GMT
+// Generated on Mon, 27 Oct 2025 09:20:40 GMT
 
 $figma-link-icon-size: 1.25rem;
 $rhc-space-700: 3.5rem;
@@ -574,6 +574,18 @@ $nl-heading-level-1-font-weight: 700;
 $nl-heading-level-1-font-size: 3.125rem;
 $nl-heading-level-1-font-family: RijksSans, Arial, Verdana, sans-serif;
 $nl-heading-level-1-color: #154273;
+$nl-link-hover-color: #01496c;
+$nl-link-hover-text-decoration-thickness: auto;
+$nl-link-hover-text-decoration-line: underline;
+$nl-link-disabled-cursor: disabled;
+$nl-link-disabled-color: #334155;
+$nl-link-active-color: #1a4972;
+$nl-link-current-cursor: default;
+$nl-link-text-underline-offset: 0.125rem;
+$nl-link-text-decoration-thickness: 0.0625em;
+$nl-link-text-decoration-line: underline;
+$nl-link-text-decoration-color: inherit;
+$nl-link-color: #01689b;
 $nl-paragraph-lead-margin-block-start: 0rem;
 $nl-paragraph-lead-margin-block-end: 0rem;
 $nl-paragraph-lead-line-height: 150%;
@@ -596,20 +608,6 @@ $nl-skip-link-padding-inline: 1rem;
 $nl-skip-link-padding-block: 0.75rem;
 $nl-skip-link-color: #01689b;
 $nl-skip-link-background-color: #fff;
-$nl-link-disabled-cursor: disabled;
-$nl-link-disabled-color: #334155;
-$nl-link-current-cursor: default;
-$nl-link-text-underline-offset: 0.125rem;
-$nl-link-text-decoration-color: inherit;
-$nl-link-color: #01689b;
-$nl-link-visited-color: #800080;
-$nl-link-text-decoration-thickness: 1px;
-$nl-link-text-decoration-line: underline;
-$nl-link-hover-color: #0F2E51;
-$nl-link-hover-text-decoration-thickness: 2px;
-$nl-link-hover-text-decoration-line: underline;
-$nl-link-focus-text-decoration-thickness: 1px;
-$nl-link-active-color: #800080;
 $nl-number-badge-padding-inline: 0.5rem;
 $nl-number-badge-padding-block: 0.125rem;
 $nl-number-badge-min-inline-size: 24px;
@@ -709,8 +707,8 @@ $utrecht-drawer-border-color: #64748B;
 $utrecht-drawer-background-color: #fff;
 $utrecht-drawer-z-index: 1;
 $utrecht-drawer-max-inline-size: 256px;
-$utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
-$utrecht-form-fieldset-invalid-padding-inline-start: 0rem;
+$utrecht-form-fieldset-invalid-border-inline-start-width: 2px;
+$utrecht-form-fieldset-invalid-padding-inline-start: 1rem;
 $utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
 $utrecht-form-fieldset-section-color: #0F172A;
 $utrecht-form-fieldset-section-background-color: transparent;
@@ -1196,8 +1194,8 @@ $utrecht-checkbox-indeterminate-active-border-width: 1px;
 $utrecht-checkbox-indeterminate-active-color: #fff;
 $utrecht-checkbox-indeterminate-active-border-color: transparent;
 $utrecht-checkbox-indeterminate-active-background-color: #4f7196;
-$utrecht-form-field-invalid-padding-inline-start: 0rem;
-$utrecht-form-field-invalid-border-inline-start-width: 0px;
+$utrecht-form-field-invalid-padding-inline-start: 1rem;
+$utrecht-form-field-invalid-border-inline-start-width: 2px;
 $utrecht-form-field-invalid-border-inline-start-color: #d52b1e;
 $utrecht-form-field-margin-block-start: 0.5rem;
 $utrecht-form-field-margin-block-end: 0.5rem;

package/dist/koop/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 Sep 2025 23:36:53 GMT
+ * Generated on Mon, 27 Oct 2025 09:20:40 GMT
  */
 
 .koop {
@@ -576,6 +576,18 @@
   --nl-heading-level-1-font-size: 3.125rem;
   --nl-heading-level-1-font-family: RijksSans, Arial, Verdana, sans-serif;
   --nl-heading-level-1-color: #154273;
+  --nl-link-hover-color: #01496c;
+  --nl-link-hover-text-decoration-thickness: auto;
+  --nl-link-hover-text-decoration-line: underline;
+  --nl-link-disabled-cursor: disabled;
+  --nl-link-disabled-color: #334155;
+  --nl-link-active-color: #1a4972;
+  --nl-link-current-cursor: default;
+  --nl-link-text-underline-offset: 0.125rem;
+  --nl-link-text-decoration-thickness: 0.0625em;
+  --nl-link-text-decoration-line: underline;
+  --nl-link-text-decoration-color: inherit;
+  --nl-link-color: #01689b;
   --nl-paragraph-lead-margin-block-start: 0rem;
   --nl-paragraph-lead-margin-block-end: 0rem;
   --nl-paragraph-lead-line-height: 150%;
@@ -598,20 +610,6 @@
   --nl-skip-link-padding-block: 0.75rem;
   --nl-skip-link-color: #01689b;
   --nl-skip-link-background-color: #fff;
-  --nl-link-disabled-cursor: disabled;
-  --nl-link-disabled-color: #334155;
-  --nl-link-current-cursor: default;
-  --nl-link-text-underline-offset: 0.125rem;
-  --nl-link-text-decoration-color: inherit;
-  --nl-link-color: #01689b;
-  --nl-link-visited-color: #800080;
-  --nl-link-text-decoration-thickness: 1px;
-  --nl-link-text-decoration-line: underline;
-  --nl-link-hover-color: #0F2E51;
-  --nl-link-hover-text-decoration-thickness: 2px;
-  --nl-link-hover-text-decoration-line: underline;
-  --nl-link-focus-text-decoration-thickness: 1px;
-  --nl-link-active-color: #800080;
   --nl-number-badge-padding-inline: 0.5rem;
   --nl-number-badge-padding-block: 0.125rem;
   --nl-number-badge-min-inline-size: 24px;
@@ -711,8 +709,8 @@
   --utrecht-drawer-background-color: #fff;
   --utrecht-drawer-z-index: 1;
   --utrecht-drawer-max-inline-size: 256px;
-  --utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
-  --utrecht-form-fieldset-invalid-padding-inline-start: 0rem;
+  --utrecht-form-fieldset-invalid-border-inline-start-width: 2px;
+  --utrecht-form-fieldset-invalid-padding-inline-start: 1rem;
   --utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
   --utrecht-form-fieldset-section-color: #0F172A;
   --utrecht-form-fieldset-section-background-color: transparent;
@@ -1198,8 +1196,8 @@
   --utrecht-checkbox-indeterminate-active-color: #fff;
   --utrecht-checkbox-indeterminate-active-border-color: transparent;
   --utrecht-checkbox-indeterminate-active-background-color: #4f7196;
-  --utrecht-form-field-invalid-padding-inline-start: 0rem;
-  --utrecht-form-field-invalid-border-inline-start-width: 0px;
+  --utrecht-form-field-invalid-padding-inline-start: 1rem;
+  --utrecht-form-field-invalid-border-inline-start-width: 2px;
   --utrecht-form-field-invalid-border-inline-start-color: #d52b1e;
   --utrecht-form-field-margin-block-start: 0.5rem;
   --utrecht-form-field-margin-block-end: 0.5rem;

package/dist/koop/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 Sep 2025 23:36:53 GMT
+ * Generated on Mon, 27 Oct 2025 09:20:40 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor : string;
@@ -712,20 +712,6 @@ export const nlNumberBadgeMinBlockSize : string;
 export const nlNumberBadgeMinInlineSize : string;
 export const nlNumberBadgePaddingBlock : string;
 export const nlNumberBadgePaddingInline : string;
-export const nlLinkActiveColor : string;
-export const nlLinkFocusTextDecorationThickness : string;
-export const nlLinkHoverTextDecorationLine : string;
-export const nlLinkHoverTextDecorationThickness : string;
-export const nlLinkHoverColor : string;
-export const nlLinkTextDecorationLine : string;
-export const nlLinkTextDecorationThickness : string;
-export const nlLinkVisitedColor : string;
-export const nlLinkColor : string;
-export const nlLinkTextDecorationColor : string;
-export const nlLinkTextUnderlineOffset : string;
-export const nlLinkCurrentCursor : string;
-export const nlLinkDisabledColor : string;
-export const nlLinkDisabledCursor : string;
 export const nlSkipLinkBackgroundColor : string;
 export const nlSkipLinkColor : string;
 export const nlSkipLinkPaddingBlock : string;
@@ -748,6 +734,18 @@ export const nlParagraphLeadFontWeight : number;
 export const nlParagraphLeadLineHeight : string;
 export const nlParagraphLeadMarginBlockEnd : string;
 export const nlParagraphLeadMarginBlockStart : string;
+export const nlLinkColor : string;
+export const nlLinkTextDecorationColor : string;
+export const nlLinkTextDecorationLine : string;
+export const nlLinkTextDecorationThickness : string;
+export const nlLinkTextUnderlineOffset : string;
+export const nlLinkCurrentCursor : string;
+export const nlLinkActiveColor : string;
+export const nlLinkDisabledColor : string;
+export const nlLinkDisabledCursor : string;
+export const nlLinkHoverTextDecorationLine : string;
+export const nlLinkHoverTextDecorationThickness : string;
+export const nlLinkHoverColor : string;
 export const nlHeadingLevel1Color : string;
 export const nlHeadingLevel1FontFamily : string;
 export const nlHeadingLevel1FontSize : string;

package/dist/koop/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 Sep 2025 23:36:53 GMT
+ * Generated on Mon, 27 Oct 2025 09:20:40 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor = "#fff";
@@ -124,8 +124,8 @@ export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
 export const utrechtFormFieldMarginBlockEnd = "0.5rem";
 export const utrechtFormFieldMarginBlockStart = "0.5rem";
 export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
-export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
-export const utrechtFormFieldInvalidPaddingInlineStart = "0rem";
+export const utrechtFormFieldInvalidBorderInlineStartWidth = "2px";
+export const utrechtFormFieldInvalidPaddingInlineStart = "1rem";
 export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#4f7196";
 export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
 export const utrechtCheckboxIndeterminateActiveColor = "#fff";
@@ -611,8 +611,8 @@ export const utrechtFormFieldsetLegendDisabledColor = "#334155";
 export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
 export const utrechtFormFieldsetSectionColor = "#0F172A";
 export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
-export const utrechtFormFieldsetInvalidPaddingInlineStart = "0rem";
-export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
+export const utrechtFormFieldsetInvalidPaddingInlineStart = "1rem";
+export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "2px";
 export const utrechtDrawerMaxInlineSize = "256px";
 export const utrechtDrawerZIndex = 1;
 export const utrechtDrawerBackgroundColor = "#fff";
@@ -712,20 +712,6 @@ export const nlNumberBadgeMinBlockSize = "24px";
 export const nlNumberBadgeMinInlineSize = "24px";
 export const nlNumberBadgePaddingBlock = "0.125rem";
 export const nlNumberBadgePaddingInline = "0.5rem";
-export const nlLinkActiveColor = "#800080";
-export const nlLinkFocusTextDecorationThickness = "1px";
-export const nlLinkHoverTextDecorationLine = "underline";
-export const nlLinkHoverTextDecorationThickness = "2px";
-export const nlLinkHoverColor = "#0F2E51";
-export const nlLinkTextDecorationLine = "underline";
-export const nlLinkTextDecorationThickness = "1px";
-export const nlLinkVisitedColor = "#800080";
-export const nlLinkColor = "#01689b";
-export const nlLinkTextDecorationColor = "inherit";
-export const nlLinkTextUnderlineOffset = "0.125rem";
-export const nlLinkCurrentCursor = "default";
-export const nlLinkDisabledColor = "#334155";
-export const nlLinkDisabledCursor = "disabled";
 export const nlSkipLinkBackgroundColor = "#fff";
 export const nlSkipLinkColor = "#01689b";
 export const nlSkipLinkPaddingBlock = "0.75rem";
@@ -748,6 +734,18 @@ export const nlParagraphLeadFontWeight = 400;
 export const nlParagraphLeadLineHeight = "150%";
 export const nlParagraphLeadMarginBlockEnd = "0rem";
 export const nlParagraphLeadMarginBlockStart = "0rem";
+export const nlLinkColor = "#01689b";
+export const nlLinkTextDecorationColor = "inherit";
+export const nlLinkTextDecorationLine = "underline";
+export const nlLinkTextDecorationThickness = "0.0625em";
+export const nlLinkTextUnderlineOffset = "0.125rem";
+export const nlLinkCurrentCursor = "default";
+export const nlLinkActiveColor = "#1a4972";
+export const nlLinkDisabledColor = "#334155";
+export const nlLinkDisabledCursor = "disabled";
+export const nlLinkHoverTextDecorationLine = "underline";
+export const nlLinkHoverTextDecorationThickness = "auto";
+export const nlLinkHoverColor = "#01496c";
 export const nlHeadingLevel1Color = "#154273";
 export const nlHeadingLevel1FontFamily = "RijksSans, Arial, Verdana, sans-serif";
 export const nlHeadingLevel1FontSize = "3.125rem";

package/dist/koop/index.json

@@ -120,8 +120,8 @@
   "utrechtFormFieldMarginBlockEnd": "0.5rem",
   "utrechtFormFieldMarginBlockStart": "0.5rem",
   "utrechtFormFieldInvalidBorderInlineStartColor": "#d52b1e",
-  "utrechtFormFieldInvalidBorderInlineStartWidth": "0px",
-  "utrechtFormFieldInvalidPaddingInlineStart": "0rem",
+  "utrechtFormFieldInvalidBorderInlineStartWidth": "2px",
+  "utrechtFormFieldInvalidPaddingInlineStart": "1rem",
   "utrechtCheckboxIndeterminateActiveBackgroundColor": "#4f7196",
   "utrechtCheckboxIndeterminateActiveBorderColor": "transparent",
   "utrechtCheckboxIndeterminateActiveColor": "#fff",
@@ -607,8 +607,8 @@
   "utrechtFormFieldsetSectionBackgroundColor": "transparent",
   "utrechtFormFieldsetSectionColor": "#0F172A",
   "utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
-  "utrechtFormFieldsetInvalidPaddingInlineStart": "0rem",
-  "utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
+  "utrechtFormFieldsetInvalidPaddingInlineStart": "1rem",
+  "utrechtFormFieldsetInvalidBorderInlineStartWidth": "2px",
   "utrechtDrawerMaxInlineSize": "256px",
   "utrechtDrawerZIndex": 1,
   "utrechtDrawerBackgroundColor": "#fff",
@@ -708,20 +708,6 @@
   "nlNumberBadgeMinInlineSize": "24px",
   "nlNumberBadgePaddingBlock": "0.125rem",
   "nlNumberBadgePaddingInline": "0.5rem",
-  "nlLinkActiveColor": "#800080",
-  "nlLinkFocusTextDecorationThickness": "1px",
-  "nlLinkHoverTextDecorationLine": "underline",
-  "nlLinkHoverTextDecorationThickness": "2px",
-  "nlLinkHoverColor": "#0F2E51",
-  "nlLinkTextDecorationLine": "underline",
-  "nlLinkTextDecorationThickness": "1px",
-  "nlLinkVisitedColor": "#800080",
-  "nlLinkColor": "#01689b",
-  "nlLinkTextDecorationColor": "inherit",
-  "nlLinkTextUnderlineOffset": "0.125rem",
-  "nlLinkCurrentCursor": "default",
-  "nlLinkDisabledColor": "#334155",
-  "nlLinkDisabledCursor": "disabled",
   "nlSkipLinkBackgroundColor": "#fff",
   "nlSkipLinkColor": "#01689b",
   "nlSkipLinkPaddingBlock": "0.75rem",
@@ -744,6 +730,18 @@
   "nlParagraphLeadLineHeight": "150%",
   "nlParagraphLeadMarginBlockEnd": "0rem",
   "nlParagraphLeadMarginBlockStart": "0rem",
+  "nlLinkColor": "#01689b",
+  "nlLinkTextDecorationColor": "inherit",
+  "nlLinkTextDecorationLine": "underline",
+  "nlLinkTextDecorationThickness": "0.0625em",
+  "nlLinkTextUnderlineOffset": "0.125rem",
+  "nlLinkCurrentCursor": "default",
+  "nlLinkActiveColor": "#1a4972",
+  "nlLinkDisabledColor": "#334155",
+  "nlLinkDisabledCursor": "disabled",
+  "nlLinkHoverTextDecorationLine": "underline",
+  "nlLinkHoverTextDecorationThickness": "auto",
+  "nlLinkHoverColor": "#01496c",
   "nlHeadingLevel1Color": "#154273",
   "nlHeadingLevel1FontFamily": "RijksSans, Arial, Verdana, sans-serif",
   "nlHeadingLevel1FontSize": "3.125rem",

package/dist/koop/index.tokens.json

@@ -177,8 +177,8 @@
       "margin-block-start": "0.5rem",
       "invalid": {
         "border-inline-start-color": "#d52b1e",
-        "border-inline-start-width": "0px",
-        "padding-inline-start": "0rem"
+        "border-inline-start-width": "2px",
+        "padding-inline-start": "1rem"
       }
     },
     "checkbox": {
@@ -952,8 +952,8 @@
         "border-inline-start": {
           "color": "#d52b1e"
         },
-        "padding-inline-start": "0rem",
-        "border-inline-start-width": "0px"
+        "padding-inline-start": "1rem",
+        "border-inline-start-width": "2px"
       }
     },
     "drawer": {
@@ -1145,34 +1145,6 @@
       "padding-block": "0.125rem",
       "padding-inline": "0.5rem"
     },
-    "link": {
-      "active": {
-        "color": "#800080"
-      },
-      "focus": {
-        "text-decoration-thickness": "1px"
-      },
-      "hover": {
-        "text-decoration-line": "underline",
-        "text-decoration-thickness": "2px",
-        "color": "#0F2E51"
-      },
-      "text-decoration-line": "underline",
-      "text-decoration-thickness": "1px",
-      "visited": {
-        "color": "#800080"
-      },
-      "color": "#01689b",
-      "text-decoration-color": "inherit",
-      "text-underline-offset": "0.125rem",
-      "current": {
-        "cursor": "default"
-      },
-      "disabled": {
-        "color": "#334155",
-        "cursor": "disabled"
-      }
-    },
     "skip-link": {
       "background-color": "#fff",
       "color": "#01689b",
@@ -1201,6 +1173,28 @@
         "margin-block-start": "0rem"
       }
     },
+    "link": {
+      "color": "#01689b",
+      "text-decoration-color": "inherit",
+      "text-decoration-line": "underline",
+      "text-decoration-thickness": "0.0625em",
+      "text-underline-offset": "0.125rem",
+      "current": {
+        "cursor": "default"
+      },
+      "active": {
+        "color": "#1a4972"
+      },
+      "disabled": {
+        "color": "#334155",
+        "cursor": "disabled"
+      },
+      "hover": {
+        "text-decoration-line": "underline",
+        "text-decoration-thickness": "auto",
+        "color": "#01496c"
+      }
+    },
     "heading": {
       "level-1": {
         "color": "#154273",