@conduction/theme 1.0.36 → 1.0.38

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

@@ -371,7 +371,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/conduction/select.tokens.json",
     "isSource": true,
     "original": {
@@ -392,7 +392,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/conduction/select.tokens.json",
     "isSource": true,
     "original": {
@@ -474,7 +474,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/conduction/select.tokens.json",
     "isSource": true,
     "original": {
@@ -761,7 +761,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/conduction/pagination.tokens.json",
     "isSource": true,
     "original": {
@@ -1064,6 +1064,287 @@
       "page-hover-text-decoration-thickness"
     ]
   },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.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": "#e4e4e4",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.lightgrey.89}"
+    },
+    "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": "{leiden.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": "#0d1921",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.black.9}"
+    },
+    "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": "{leiden.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": "#d62410",
+    "filePath": "src/component/conduction/table-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.primary}"
+    },
+    "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": "{leiden.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": "{leiden.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": "{leiden.color.white.100}"
+    },
+    "name": "conductionTabsScrollButtonBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "background-color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#0d1921",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.black.9}"
+    },
+    "name": "conductionTabsScrollButtonColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "color"
+    ]
+  },
+  {
+    "value": "#fbfbfb",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.lightgrey.98}"
+    },
+    "name": "conductionTabsScrollButtonHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "tabs",
+      "item": "scroll-button",
+      "subitem": "hover",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "tabs",
+      "scroll-button",
+      "hover",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#0d1921",
+    "filePath": "src/component/conduction/tabs.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.black.9}"
+    },
+    "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",
@@ -1275,7 +1556,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/conduction/tabs.tokens.json",
     "isSource": true,
     "original": {
@@ -1876,7 +2157,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/conduction/tabs.tokens.json",
     "isSource": true,
     "original": {
@@ -2934,11 +3215,11 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/brand/leiden/typography.tokens.json",
     "isSource": true,
     "original": {
-      "value": "\"Open Sans\", Arial, sans-serif"
+      "value": "\"Open Sans\", Monospace, Arial, sans-serif"
     },
     "name": "leidenTypographySansSerifFontFamily",
     "attributes": {
@@ -3657,7 +3938,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/extra-tokens/badge-counter.tokens.json",
     "isSource": true,
     "original": {
@@ -3946,7 +4227,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/button.tokens.json",
     "isSource": true,
     "original": {
@@ -4807,7 +5088,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/document.tokens.json",
     "isSource": true,
     "original": {
@@ -4865,7 +5146,7 @@
   },
   {
     "value": "#5f594a",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{leiden.color.grey.33}"
@@ -4884,7 +5165,7 @@
   },
   {
     "value": "0px",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "0px"
@@ -4903,7 +5184,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": "{leiden.size.4xs}"
@@ -4922,7 +5203,7 @@
   },
   {
     "value": "#1d1d1b",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{leiden.color.grey.11}"
@@ -4940,8 +5221,8 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
-    "filePath": "src/component/utrecht/extra-tokens/form-input.tokens.json",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
+    "filePath": "src/component/utrecht/form-input.tokens.json",
     "isSource": true,
     "original": {
       "value": "{leiden.typography.sans-serif.font-family}"
@@ -4960,7 +5241,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"
@@ -4979,7 +5260,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": "{leiden.size.xs}"
@@ -4998,7 +5279,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": "{leiden.size.xs}"
@@ -5017,7 +5298,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": "{leiden.size.sm}"
@@ -5036,7 +5317,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": "{leiden.size.sm}"
@@ -5075,7 +5356,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/heading.tokens.json",
     "isSource": true,
     "original": {
@@ -5170,7 +5451,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/heading.tokens.json",
     "isSource": true,
     "original": {
@@ -5265,7 +5546,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/heading.tokens.json",
     "isSource": true,
     "original": {
@@ -5360,7 +5641,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/heading.tokens.json",
     "isSource": true,
     "original": {
@@ -5455,7 +5736,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/heading.tokens.json",
     "isSource": true,
     "original": {
@@ -6256,7 +6537,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/paragraph.tokens.json",
     "isSource": true,
     "original": {
@@ -6889,7 +7170,7 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
     "filePath": "src/component/utrecht/table.tokens.json",
     "isSource": true,
     "original": {
@@ -7174,7 +7455,7 @@
   },
   {
     "value": "#5f594a",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{leiden.color.grey.33}"
@@ -7193,7 +7474,7 @@
   },
   {
     "value": "0px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "0px"
@@ -7212,7 +7493,7 @@
   },
   {
     "value": "1px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{leiden.size.4xs}"
@@ -7231,7 +7512,7 @@
   },
   {
     "value": "#1d1d1b",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{leiden.color.grey.11}"
@@ -7249,8 +7530,8 @@
     ]
   },
   {
-    "value": "\"Open Sans\", Arial, sans-serif",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "value": "\"Open Sans\", Monospace, Arial, sans-serif",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{leiden.typography.sans-serif.font-family}"
@@ -7269,7 +7550,7 @@
   },
   {
     "value": "15px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "15px"
@@ -7288,7 +7569,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{leiden.size.xs}"
@@ -7307,7 +7588,7 @@
   },
   {
     "value": "8px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{leiden.size.xs}"
@@ -7326,7 +7607,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{leiden.size.sm}"
@@ -7345,7 +7626,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/extra-tokens/textbox.tokens.json",
+    "filePath": "src/component/utrecht/textbox.tokens.json",
     "isSource": true,
     "original": {
       "value": "{leiden.size.sm}"

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 13 Sep 2023 08:35:52 GMT
+// Generated on Tue, 19 Sep 2023 14:30:03 GMT
 
 @conduction-tabs-tab-list-border-bottom-width: 0px;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -15,6 +15,7 @@
 @conduction-tabs-tab-border-bottom: 0px;
 @conduction-tabs-tab-border-style: solid;
 @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;
@@ -70,7 +71,7 @@
 @leiden-typography-font-weight-normal: 400;
 @leiden-typography-font-weight-bold: 700;
 @leiden-typography-monospace-font-family: Monospace, "Lucida Console";
-@leiden-typography-sans-serif-font-family: "Open Sans", Arial, sans-serif;
+@leiden-typography-sans-serif-font-family: "Open Sans", Monospace, Arial, sans-serif;
 @leiden-size-4xl: 96px;
 @leiden-size-3xl: 72px;
 @leiden-size-2xl: 48px;
@@ -116,6 +117,10 @@
 @leiden-color-error: #d62410;
 @leiden-color-primary-hover: #b81f0e;
 @leiden-color-primary: #d62410;
+@conduction-tabs-scroll-button-hover-color: @leiden-color-black-9;
+@conduction-tabs-scroll-button-hover-background-color: @leiden-color-lightgrey-98;
+@conduction-tabs-scroll-button-color: @leiden-color-black-9;
+@conduction-tabs-scroll-button-background-color: @leiden-color-white-100;
 @conduction-tabs-tab-panel-padding-inline-end: @leiden-size-lg;
 @conduction-tabs-tab-panel-padding-inline-start: @leiden-size-lg;
 @conduction-tabs-tab-panel-padding-block-end: @leiden-size-lg;
@@ -141,6 +146,14 @@
 @conduction-tabs-tab-border-color: @leiden-color-lightgrey-89;
 @conduction-tabs-tab-border-width: @leiden-size-4xs;
 @conduction-tabs-tab-color: @leiden-color-black-9;
+@conduction-table-wrapper-scroll-button-hover-color: @leiden-color-primary;
+@conduction-table-wrapper-scroll-button-hover-background-color: @leiden-color-white-100;
+@conduction-table-wrapper-scroll-button-border-color: @leiden-color-lightgrey-89;
+@conduction-table-wrapper-scroll-button-border-width: @leiden-size-4xs;
+@conduction-table-wrapper-scroll-button-padding-inline-end: @leiden-size-sm;
+@conduction-table-wrapper-scroll-button-padding-inline-start: @leiden-size-sm;
+@conduction-table-wrapper-scroll-button-color: @leiden-color-black-9;
+@conduction-table-wrapper-scroll-button-background-color: @leiden-color-white-100;
 @conduction-input-select-placeholder-font-family: @leiden-typography-sans-serif-font-family;
 @conduction-input-select-list-option-hover-font-family: @leiden-typography-sans-serif-font-family;
 @conduction-input-select-list-option-font-family: @leiden-typography-sans-serif-font-family;
@@ -220,7 +233,6 @@
 @utrecht-heading-1-font-weight: @leiden-typography-font-weight-bold;
 @utrecht-heading-1-font-size: @leiden-font-size-3xl;
 @utrecht-heading-1-font-family: @leiden-typography-sans-serif-font-family;
-@utrecht-textbox-placeholder-color: @leiden-color-lightblue-24;
 @utrecht-textbox-padding-inline-start: @leiden-size-sm;
 @utrecht-textbox-padding-inline-end: @leiden-size-sm;
 @utrecht-textbox-padding-block-start: @leiden-size-xs;
@@ -229,6 +241,7 @@
 @utrecht-textbox-color: @leiden-color-grey-11;
 @utrecht-textbox-border-width: @leiden-size-4xs;
 @utrecht-textbox-border-color: @leiden-color-grey-33;
+@utrecht-textbox-placeholder-color: @leiden-color-lightblue-24;
 @utrecht-textbox-background-color: @leiden-color-white-100;
 @utrecht-table-cell-padding-inline-start: @leiden-size-md;
 @utrecht-table-cell-padding-inline-end: @leiden-size-md;
@@ -252,7 +265,6 @@
 @utrecht-page-footer-color: @leiden-color-white-100;
 @utrecht-page-footer-background-color: @leiden-color-black-9;
 @utrecht-icon-gap: @leiden-size-xs;
-@utrecht-form-input-placeholder-color: @leiden-color-lightblue-24;
 @utrecht-form-input-padding-inline-start: @leiden-size-sm;
 @utrecht-form-input-padding-inline-end: @leiden-size-sm;
 @utrecht-form-input-padding-block-start: @leiden-size-xs;
@@ -261,6 +273,7 @@
 @utrecht-form-input-color: @leiden-color-grey-11;
 @utrecht-form-input-border-width: @leiden-size-4xs;
 @utrecht-form-input-border-color: @leiden-color-grey-33;
+@utrecht-form-input-placeholder-color: @leiden-color-lightblue-24;
 @utrecht-form-input-background-color: @leiden-color-white-100;
 @utrecht-document-font-size: @leiden-font-size-md;
 @utrecht-document-font-family: @leiden-typography-sans-serif-font-family;