@conduction/theme 1.0.36 → 1.0.38

package/municipalities/xxllnc-design-tokens/dist/index.json

@@ -1064,6 +1064,287 @@
       "page-hover-text-decoration-thickness"
     ]
   },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.white.100}"
+    },
+    "name": "conductionTableWrapperScrollButtonBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "background-color"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#f5f5f5",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.lightgrey.96}"
+    },
+    "name": "conductionTableWrapperScrollButtonBorderColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "border-color"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "border-color"
+    ]
+  },
+  {
+    "value": "solid",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "solid"
+    },
+    "name": "conductionTableWrapperScrollButtonBorderStyle",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "border-style"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "border-style"
+    ]
+  },
+  {
+    "value": "1px",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.size.4xs}"
+    },
+    "name": "conductionTableWrapperScrollButtonBorderWidth",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "border-width"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "border-width"
+    ]
+  },
+  {
+    "value": "#28282c",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.black.16}"
+    },
+    "name": "conductionTableWrapperScrollButtonColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.white.100}"
+    },
+    "name": "conductionTableWrapperScrollButtonHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "hover",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#2b2b2bcc",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.black.17-hover}"
+    },
+    "name": "conductionTableWrapperScrollButtonHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "hover",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "hover",
+      "color"
+    ]
+  },
+  {
+    "value": "14px",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.size.sm}"
+    },
+    "name": "conductionTableWrapperScrollButtonPaddingInlineEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "padding-inline-end"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "padding-inline-end"
+    ]
+  },
+  {
+    "value": "14px",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.size.sm}"
+    },
+    "name": "conductionTableWrapperScrollButtonPaddingInlineStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "table-wrapper",
+      "item": "scroll-button",
+      "subitem": "padding-inline-start"
+    },
+    "path": [
+      "conduction",
+      "table-wrapper",
+      "scroll-button",
+      "padding-inline-start"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.white.100}"
+    },
+    "name": "conductionTabsScrollButtonBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "background-color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#28282c",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.black.16}"
+    },
+    "name": "conductionTabsScrollButtonColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.white.100}"
+    },
+    "name": "conductionTabsScrollButtonHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "hover",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#2b2b2bcc",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.black.17-hover}"
+    },
+    "name": "conductionTabsScrollButtonHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "hover",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "hover",
+      "color"
+    ]
+  },
   {
     "value": "transparent",
     "filePath": "src/component/conduction/tabs.tokens.json",
@@ -3413,7 +3694,7 @@
   },
   {
     "value": "#00000038",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.color.black.0-22t}"
@@ -3432,7 +3713,7 @@
   },
   {
     "value": "6px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "6px"
@@ -3451,7 +3732,7 @@
   },
   {
     "value": "1px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.4xs}"
@@ -3470,7 +3751,7 @@
   },
   {
     "value": "#6d6d6d",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.color.grey.43}"
@@ -3489,7 +3770,7 @@
   },
   {
     "value": "neue-haas-grotesk-text, sans-serif",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.typography.sans-serif.font-family}"
@@ -3508,7 +3789,7 @@
   },
   {
     "value": "15px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "15px"
@@ -3527,7 +3808,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.xs}"
@@ -3546,7 +3827,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.xs}"
@@ -3565,7 +3846,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.sm}"
@@ -3584,7 +3865,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.sm}"
@@ -5722,7 +6003,7 @@
   },
   {
     "value": "#00000038",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.color.black.0-22t}"
@@ -5741,7 +6022,7 @@
   },
   {
     "value": "6px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "6px"
@@ -5760,7 +6041,7 @@
   },
   {
     "value": "1px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.4xs}"
@@ -5779,7 +6060,7 @@
   },
   {
     "value": "#6d6d6d",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.color.grey.43}"
@@ -5798,7 +6079,7 @@
   },
   {
     "value": "neue-haas-grotesk-text, sans-serif",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.typography.sans-serif.font-family}"
@@ -5817,7 +6098,7 @@
   },
   {
     "value": "15px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "15px"
@@ -5836,7 +6117,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.xs}"
@@ -5855,7 +6136,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.xs}"
@@ -5874,7 +6155,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.sm}"
@@ -5893,7 +6174,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.sm}"

package/municipalities/xxllnc-design-tokens/dist/index.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 13 Sep 2023 08:36:00 GMT
+// Generated on Tue, 19 Sep 2023 14:30:12 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -12,6 +12,7 @@
 @conduction-tabs-tab-max-width: unset;
 @conduction-tabs-tab-bottom: -2px;
 @conduction-tabs-tab-background-color: transparent;
+@conduction-table-wrapper-scroll-button-border-style: solid;
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;
 @conduction-input-select-border-focus: unset;
@@ -121,6 +122,10 @@
 @xxllnc-color-error: #dc3545;
 @xxllnc-color-primary-hover: #00000080; // Primary with 50% transparency
 @xxllnc-color-primary: #000000ad; // Primary with 68% transparency
+@conduction-tabs-scroll-button-hover-color: @xxllnc-color-black-17-hover;
+@conduction-tabs-scroll-button-hover-background-color: @xxllnc-color-white-100;
+@conduction-tabs-scroll-button-color: @xxllnc-color-black-16;
+@conduction-tabs-scroll-button-background-color: @xxllnc-color-white-100;
 @conduction-tabs-tab-panel-padding-inline-end: @xxllnc-size-lg;
 @conduction-tabs-tab-panel-padding-inline-start: @xxllnc-size-lg;
 @conduction-tabs-tab-panel-padding-block-end: @xxllnc-size-lg;
@@ -140,6 +145,14 @@
 @conduction-tabs-tab-padding-block-end: @xxllnc-size-xs;
 @conduction-tabs-tab-padding-block-start: @xxllnc-size-xs;
 @conduction-tabs-tab-color: @xxllnc-color-black-16;
+@conduction-table-wrapper-scroll-button-hover-color: @xxllnc-color-black-17-hover;
+@conduction-table-wrapper-scroll-button-hover-background-color: @xxllnc-color-white-100;
+@conduction-table-wrapper-scroll-button-border-color: @xxllnc-color-lightgrey-96;
+@conduction-table-wrapper-scroll-button-border-width: @xxllnc-size-4xs;
+@conduction-table-wrapper-scroll-button-padding-inline-end: @xxllnc-size-sm;
+@conduction-table-wrapper-scroll-button-padding-inline-start: @xxllnc-size-sm;
+@conduction-table-wrapper-scroll-button-color: @xxllnc-color-black-16;
+@conduction-table-wrapper-scroll-button-background-color: @xxllnc-color-white-100;
 @conduction-input-select-placeholder-font-family: @xxllnc-typography-sans-serif-font-family;
 @conduction-input-select-list-option-hover-font-family: @xxllnc-typography-sans-serif-font-family;
 @conduction-input-select-list-option-font-family: @xxllnc-typography-sans-serif-font-family;
@@ -218,7 +231,6 @@
 @utrecht-heading-1-font-weight: @xxllnc-typography-font-weight-normal;
 @utrecht-heading-1-font-size: @xxllnc-font-size-3xl;
 @utrecht-heading-1-font-family: @xxllnc-typography-sans-serif-font-family;
-@utrecht-textbox-placeholder-color: @xxllnc-color-grey-43;
 @utrecht-textbox-padding-inline-start: @xxllnc-size-sm;
 @utrecht-textbox-padding-inline-end: @xxllnc-size-sm;
 @utrecht-textbox-padding-block-start: @xxllnc-size-xs;
@@ -227,6 +239,7 @@
 @utrecht-textbox-color: @xxllnc-color-grey-43;
 @utrecht-textbox-border-width: @xxllnc-size-4xs;
 @utrecht-textbox-border-color: @xxllnc-color-black-0-22t;
+@utrecht-textbox-placeholder-color: @xxllnc-color-grey-43;
 @utrecht-textbox-background-color: @xxllnc-color-white-100-0t;
 @utrecht-table-cell-padding-inline-start: @xxllnc-size-md;
 @utrecht-table-cell-padding-inline-end: @xxllnc-size-md;
@@ -250,7 +263,6 @@
 @utrecht-page-footer-color: @xxllnc-color-primary;
 @utrecht-page-footer-background-color: @xxllnc-color-white-100;
 @utrecht-icon-gap: @xxllnc-size-xs;
-@utrecht-form-input-placeholder-color: @xxllnc-color-grey-43;
 @utrecht-form-input-padding-inline-start: @xxllnc-size-sm;
 @utrecht-form-input-padding-inline-end: @xxllnc-size-sm;
 @utrecht-form-input-padding-block-start: @xxllnc-size-xs;
@@ -259,6 +271,7 @@
 @utrecht-form-input-color: @xxllnc-color-grey-43;
 @utrecht-form-input-border-width: @xxllnc-size-4xs;
 @utrecht-form-input-border-color: @xxllnc-color-black-0-22t;
+@utrecht-form-input-placeholder-color: @xxllnc-color-grey-43;
 @utrecht-form-input-background-color: @xxllnc-color-white-100-0t;
 @utrecht-document-font-size: @xxllnc-font-size-md;
 @utrecht-document-font-family: @xxllnc-typography-sans-serif-font-family;

package/municipalities/xxllnc-design-tokens/dist/index.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 13 Sep 2023 08:36:00 GMT
+// Generated on Tue, 19 Sep 2023 14:30:12 GMT
 
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;
@@ -12,6 +12,7 @@ $conduction-tabs-tab-min-width: 160px;
 $conduction-tabs-tab-max-width: unset;
 $conduction-tabs-tab-bottom: -2px;
 $conduction-tabs-tab-background-color: transparent;
+$conduction-table-wrapper-scroll-button-border-style: solid;
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;
 $conduction-input-select-border-focus: unset;
@@ -121,6 +122,10 @@ $xxllnc-color-alert-error: #721c24;
 $xxllnc-color-error: #dc3545;
 $xxllnc-color-primary-hover: #00000080; // Primary with 50% transparency
 $xxllnc-color-primary: #000000ad; // Primary with 68% transparency
+$conduction-tabs-scroll-button-hover-color: $xxllnc-color-black-17-hover;
+$conduction-tabs-scroll-button-hover-background-color: $xxllnc-color-white-100;
+$conduction-tabs-scroll-button-color: $xxllnc-color-black-16;
+$conduction-tabs-scroll-button-background-color: $xxllnc-color-white-100;
 $conduction-tabs-tab-panel-padding-inline-end: $xxllnc-size-lg;
 $conduction-tabs-tab-panel-padding-inline-start: $xxllnc-size-lg;
 $conduction-tabs-tab-panel-padding-block-end: $xxllnc-size-lg;
@@ -140,6 +145,14 @@ $conduction-tabs-tab-padding-inline-start: $xxllnc-size-sm;
 $conduction-tabs-tab-padding-block-end: $xxllnc-size-xs;
 $conduction-tabs-tab-padding-block-start: $xxllnc-size-xs;
 $conduction-tabs-tab-color: $xxllnc-color-black-16;
+$conduction-table-wrapper-scroll-button-hover-color: $xxllnc-color-black-17-hover;
+$conduction-table-wrapper-scroll-button-hover-background-color: $xxllnc-color-white-100;
+$conduction-table-wrapper-scroll-button-border-color: $xxllnc-color-lightgrey-96;
+$conduction-table-wrapper-scroll-button-border-width: $xxllnc-size-4xs;
+$conduction-table-wrapper-scroll-button-padding-inline-end: $xxllnc-size-sm;
+$conduction-table-wrapper-scroll-button-padding-inline-start: $xxllnc-size-sm;
+$conduction-table-wrapper-scroll-button-color: $xxllnc-color-black-16;
+$conduction-table-wrapper-scroll-button-background-color: $xxllnc-color-white-100;
 $conduction-input-select-placeholder-font-family: $xxllnc-typography-sans-serif-font-family;
 $conduction-input-select-list-option-hover-font-family: $xxllnc-typography-sans-serif-font-family;
 $conduction-input-select-list-option-font-family: $xxllnc-typography-sans-serif-font-family;
@@ -218,7 +231,6 @@ $utrecht-heading-1-margin-block-end: $xxllnc-size-2xl;
 $utrecht-heading-1-font-weight: $xxllnc-typography-font-weight-normal;
 $utrecht-heading-1-font-size: $xxllnc-font-size-3xl;
 $utrecht-heading-1-font-family: $xxllnc-typography-sans-serif-font-family;
-$utrecht-textbox-placeholder-color: $xxllnc-color-grey-43;
 $utrecht-textbox-padding-inline-start: $xxllnc-size-sm;
 $utrecht-textbox-padding-inline-end: $xxllnc-size-sm;
 $utrecht-textbox-padding-block-start: $xxllnc-size-xs;
@@ -227,6 +239,7 @@ $utrecht-textbox-font-family: $xxllnc-typography-sans-serif-font-family;
 $utrecht-textbox-color: $xxllnc-color-grey-43;
 $utrecht-textbox-border-width: $xxllnc-size-4xs;
 $utrecht-textbox-border-color: $xxllnc-color-black-0-22t;
+$utrecht-textbox-placeholder-color: $xxllnc-color-grey-43;
 $utrecht-textbox-background-color: $xxllnc-color-white-100-0t;
 $utrecht-table-cell-padding-inline-start: $xxllnc-size-md;
 $utrecht-table-cell-padding-inline-end: $xxllnc-size-md;
@@ -250,7 +263,6 @@ $utrecht-page-footer-padding-inline-end: $xxllnc-size-sm;
 $utrecht-page-footer-color: $xxllnc-color-primary;
 $utrecht-page-footer-background-color: $xxllnc-color-white-100;
 $utrecht-icon-gap: $xxllnc-size-xs;
-$utrecht-form-input-placeholder-color: $xxllnc-color-grey-43;
 $utrecht-form-input-padding-inline-start: $xxllnc-size-sm;
 $utrecht-form-input-padding-inline-end: $xxllnc-size-sm;
 $utrecht-form-input-padding-block-start: $xxllnc-size-xs;
@@ -259,6 +271,7 @@ $utrecht-form-input-font-family: $xxllnc-typography-sans-serif-font-family;
 $utrecht-form-input-color: $xxllnc-color-grey-43;
 $utrecht-form-input-border-width: $xxllnc-size-4xs;
 $utrecht-form-input-border-color: $xxllnc-color-black-0-22t;
+$utrecht-form-input-placeholder-color: $xxllnc-color-grey-43;
 $utrecht-form-input-background-color: $xxllnc-color-white-100-0t;
 $utrecht-document-font-size: $xxllnc-font-size-md;
 $utrecht-document-font-family: $xxllnc-typography-sans-serif-font-family;