@rijkshuisstijl-community/design-tokens 8.0.0 → 9.0.0

package/dist/root.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
  */
 
 :root {
@@ -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/tokens.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 default tokens;
@@ -1302,10 +1302,6 @@ declare const tokens: {
       "font-size": DesignToken
     },
     "ordered-list": {
-      "color": DesignToken,
-      "font-family": DesignToken,
-      "font-weight": DesignToken,
-      "margin-inline-start": DesignToken,
       "font-size": DesignToken,
       "line-height": DesignToken,
       "margin-block-end": DesignToken,

package/dist/tokens.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
  */
 
 module.exports = {
@@ -19118,90 +19118,6 @@ module.exports = {
       }
     },
     "ordered-list": {
-      "color": {
-        "value": "#0F172A",
-        "type": "color",
-        "filePath": "src/generated/base.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "#0F172A",
-          "type": "color"
-        },
-        "name": "utrechtOrderedListColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "ordered-list",
-          "item": "color"
-        },
-        "path": [
-          "utrecht",
-          "ordered-list",
-          "color"
-        ]
-      },
-      "font-family": {
-        "value": "'Fira Sans', Arial, Verdana, sans-serif",
-        "type": "fontFamilies",
-        "filePath": "src/generated/base.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "'Fira Sans', Arial, Verdana, sans-serif",
-          "type": "fontFamilies"
-        },
-        "name": "utrechtOrderedListFontFamily",
-        "attributes": {
-          "category": "utrecht",
-          "type": "ordered-list",
-          "item": "font-family"
-        },
-        "path": [
-          "utrecht",
-          "ordered-list",
-          "font-family"
-        ]
-      },
-      "font-weight": {
-        "value": 400,
-        "type": "fontWeights",
-        "filePath": "src/generated/base.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": 400,
-          "type": "fontWeights"
-        },
-        "name": "utrechtOrderedListFontWeight",
-        "attributes": {
-          "category": "utrecht",
-          "type": "ordered-list",
-          "item": "font-weight"
-        },
-        "path": [
-          "utrecht",
-          "ordered-list",
-          "font-weight"
-        ]
-      },
-      "margin-inline-start": {
-        "type": "dimension",
-        "value": "0.625rem",
-        "filePath": "src/generated/base.tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "dimension",
-          "value": "0.625rem"
-        },
-        "name": "utrechtOrderedListMarginInlineStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "ordered-list",
-          "item": "margin-inline-start"
-        },
-        "path": [
-          "utrecht",
-          "ordered-list",
-          "margin-inline-start"
-        ]
-      },
       "font-size": {
         "type": "fontSizes",
         "value": "1.25rem",
@@ -21009,12 +20925,12 @@ module.exports = {
         },
         "border-inline-start-width": {
           "type": "dimension",
-          "value": "0px",
+          "value": "2px",
           "filePath": "src/generated/base.tokens.json",
           "isSource": true,
           "original": {
             "type": "dimension",
-            "value": "0px"
+            "value": "2px"
           },
           "name": "utrechtFormFieldInvalidBorderInlineStartWidth",
           "attributes": {
@@ -21032,12 +20948,12 @@ module.exports = {
         },
         "padding-inline-start": {
           "type": "dimension",
-          "value": "0rem",
+          "value": "1rem",
           "filePath": "src/generated/base.tokens.json",
           "isSource": true,
           "original": {
             "type": "dimension",
-            "value": "0rem"
+            "value": "1rem"
           },
           "name": "utrechtFormFieldInvalidPaddingInlineStart",
           "attributes": {
@@ -21689,12 +21605,12 @@ module.exports = {
           }
         },
         "padding-inline-start": {
-          "value": "0rem",
+          "value": "1rem",
           "type": "spacing",
           "filePath": "src/generated/base.tokens.json",
           "isSource": true,
           "original": {
-            "value": "0rem",
+            "value": "1rem",
             "type": "spacing"
           },
           "name": "utrechtFormFieldsetInvalidPaddingInlineStart",
@@ -21712,12 +21628,12 @@ module.exports = {
           ]
         },
         "border-inline-start-width": {
-          "value": "0px",
+          "value": "2px",
           "type": "borderWidth",
           "filePath": "src/generated/base.tokens.json",
           "isSource": true,
           "original": {
-            "value": "0px",
+            "value": "2px",
             "type": "borderWidth"
           },
           "name": "utrechtFormFieldsetInvalidBorderInlineStartWidth",

package/dist/uitvoerend-groen/_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;
@@ -707,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;
@@ -1194,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: #6AA549;
-$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/uitvoerend-groen/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
  */
 
 .uitvoerend-groen {
@@ -709,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;
@@ -1196,8 +1196,8 @@
   --utrecht-checkbox-indeterminate-active-color: #fff;
   --utrecht-checkbox-indeterminate-active-border-color: transparent;
   --utrecht-checkbox-indeterminate-active-background-color: #6AA549;
-  --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/uitvoerend-groen/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;

package/dist/uitvoerend-groen/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 = "#6AA549";
 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";

package/dist/uitvoerend-groen/index.json

@@ -120,8 +120,8 @@
   "utrechtFormFieldMarginBlockEnd": "0.5rem",
   "utrechtFormFieldMarginBlockStart": "0.5rem",
   "utrechtFormFieldInvalidBorderInlineStartColor": "#d52b1e",
-  "utrechtFormFieldInvalidBorderInlineStartWidth": "0px",
-  "utrechtFormFieldInvalidPaddingInlineStart": "0rem",
+  "utrechtFormFieldInvalidBorderInlineStartWidth": "2px",
+  "utrechtFormFieldInvalidPaddingInlineStart": "1rem",
   "utrechtCheckboxIndeterminateActiveBackgroundColor": "#6AA549",
   "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",

package/dist/uitvoerend-groen/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": {

package/dist/uitvoerend-groen/root.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
  */
 
 :root {
@@ -709,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;
@@ -1196,8 +1196,8 @@
   --utrecht-checkbox-indeterminate-active-color: #fff;
   --utrecht-checkbox-indeterminate-active-border-color: transparent;
   --utrecht-checkbox-indeterminate-active-background-color: #6AA549;
-  --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/uitvoerend-groen/tokens.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 default tokens;

package/dist/uitvoerend-groen/tokens.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
  */
 
 module.exports = {
@@ -2796,12 +2796,12 @@ module.exports = {
         },
         "border-inline-start-width": {
           "type": "dimension",
-          "value": "0px",
+          "value": "2px",
           "filePath": "src/generated/uitvoerend-groen/tokens.json",
           "isSource": true,
           "original": {
             "type": "dimension",
-            "value": "0px"
+            "value": "2px"
           },
           "name": "utrechtFormFieldInvalidBorderInlineStartWidth",
           "attributes": {
@@ -2819,12 +2819,12 @@ module.exports = {
         },
         "padding-inline-start": {
           "type": "dimension",
-          "value": "0rem",
+          "value": "1rem",
           "filePath": "src/generated/uitvoerend-groen/tokens.json",
           "isSource": true,
           "original": {
             "type": "dimension",
-            "value": "0rem"
+            "value": "1rem"
           },
           "name": "utrechtFormFieldInvalidPaddingInlineStart",
           "attributes": {
@@ -14488,12 +14488,12 @@ module.exports = {
           }
         },
         "padding-inline-start": {
-          "value": "0rem",
+          "value": "1rem",
           "type": "spacing",
           "filePath": "src/generated/uitvoerend-groen/tokens.json",
           "isSource": true,
           "original": {
-            "value": "0rem",
+            "value": "1rem",
             "type": "spacing"
           },
           "name": "utrechtFormFieldsetInvalidPaddingInlineStart",
@@ -14511,12 +14511,12 @@ module.exports = {
           ]
         },
         "border-inline-start-width": {
-          "value": "0px",
+          "value": "2px",
           "type": "borderWidth",
           "filePath": "src/generated/uitvoerend-groen/tokens.json",
           "isSource": true,
           "original": {
-            "value": "0px",
+            "value": "2px",
             "type": "borderWidth"
           },
           "name": "utrechtFormFieldsetInvalidBorderInlineStartWidth",

package/dist/uitvoerend-hemelblauw/_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;
@@ -707,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;
@@ -1194,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: #409CD5;
-$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/uitvoerend-hemelblauw/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
  */
 
 .uitvoerend-hemelblauw {
@@ -709,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;
@@ -1196,8 +1196,8 @@
   --utrecht-checkbox-indeterminate-active-color: #fff;
   --utrecht-checkbox-indeterminate-active-border-color: transparent;
   --utrecht-checkbox-indeterminate-active-background-color: #409CD5;
-  --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/uitvoerend-hemelblauw/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;

package/dist/uitvoerend-hemelblauw/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 = "#409CD5";
 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";

package/dist/uitvoerend-hemelblauw/index.json

@@ -120,8 +120,8 @@
   "utrechtFormFieldMarginBlockEnd": "0.5rem",
   "utrechtFormFieldMarginBlockStart": "0.5rem",
   "utrechtFormFieldInvalidBorderInlineStartColor": "#d52b1e",
-  "utrechtFormFieldInvalidBorderInlineStartWidth": "0px",
-  "utrechtFormFieldInvalidPaddingInlineStart": "0rem",
+  "utrechtFormFieldInvalidBorderInlineStartWidth": "2px",
+  "utrechtFormFieldInvalidPaddingInlineStart": "1rem",
   "utrechtCheckboxIndeterminateActiveBackgroundColor": "#409CD5",
   "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",

package/dist/uitvoerend-hemelblauw/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": {

package/dist/uitvoerend-hemelblauw/root.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
  */
 
 :root {
@@ -709,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;
@@ -1196,8 +1196,8 @@
   --utrecht-checkbox-indeterminate-active-color: #fff;
   --utrecht-checkbox-indeterminate-active-border-color: transparent;
   --utrecht-checkbox-indeterminate-active-background-color: #409CD5;
-  --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;