@conduction/theme 1.0.56 → 1.0.58

package/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json

@@ -77,6 +77,9 @@
         },
         "90": {
           "value": "#e6e6e6"
+        },
+        "97": {
+          "value": "#f7f7f7"
         }
       },
       "white": {

package/municipalities/epe-design-tokens/src/component/conduction/logo.tokens.json

@@ -12,6 +12,13 @@
         "inline-size": { "value": "" },
         "block-size": { "value": "" },
         "background-image": { "value": "" }
+      },
+      "navbar": {
+        "inline-size": { "value": "100px" },
+        "block-size": { "value": "45px" },
+        "background-image": {
+          "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155' height='88' viewBox='0 0 155 88' class='logo__svg' role='img' aria-hidden='true'%3E%3Ctitle id='site-logo-title'%3EGemeente Epe%3C/title%3E%3Cdesc id='site-logo-desc'%3ELogo dat naar de hoofdpagina leidt%3C/desc%3E%3Cpath fill='%23231f20' class='logo__svg--letters-path' d='M7.7,74.621h5.957v8.144a16.255,16.255,0,0,1-5.594.8C4.916,83.57,0,82.137,0,75.642c0-3.715,2.325-7.754,8.767-7.754A16.751,16.751,0,0,1,13.2,68.5l-.242,2.975a9.753,9.753,0,0,0-3.875-.847c-4.19,0-5.013,3.453-5.013,5.169,0,2.824,1.453,5.038,4.48,5.038a3.46,3.46,0,0,0,1.381-.217V77.184H7.7ZM19.69,76.684c0-.607,0-2.781,1.962-2.781,1.574,0,1.985,1.347,1.985,2.781Zm7.435,1.043c0-5.909-4.335-5.909-5.473-5.909a5.478,5.478,0,0,0-5.6,5.8c0,3.454,1.962,5.865,6.394,5.865a13.084,13.084,0,0,0,4-.653l-.073-2.583a8.557,8.557,0,0,1-3.56.89c-2.156,0-3.124-1.238-3.124-2.585h7.435Zm15.96-1.389c0-1.3-.605-1.782-1.453-1.782a1.445,1.445,0,0,0-1.574,1.586v7.167H36.231V76.338c0-1.434-.7-1.782-1.332-1.782-1.259,0-1.7.977-1.7,2.411v6.342H29.377V74.36a19.59,19.59,0,0,0-.1-2.368h3.488c.048.5.1,1.13.1,1.891h.049a3.461,3.461,0,0,1,3.56-2.065,3.212,3.212,0,0,1,3.27,1.891,3.434,3.434,0,0,1,3.463-1.891c2.786,0,3.706,1.826,3.706,4.085v7.406H43.085Zm9.809.346c0-.607,0-2.781,1.961-2.781,1.575,0,1.987,1.347,1.987,2.781Zm7.435,1.043c0-5.909-4.335-5.909-5.474-5.909a5.478,5.478,0,0,0-5.594,5.8c0,3.454,1.962,5.865,6.394,5.865a13.084,13.084,0,0,0,4-.653l-.073-2.583a8.553,8.553,0,0,1-3.56.89c-2.155,0-3.124-1.238-3.124-2.585h7.435Zm5.57-1.043c0-.607,0-2.781,1.962-2.781,1.574,0,1.986,1.347,1.986,2.781Zm7.435,1.043c0-5.909-4.335-5.909-5.473-5.909a5.478,5.478,0,0,0-5.6,5.8c0,3.454,1.962,5.865,6.394,5.865a13.079,13.079,0,0,0,4-.653l-.072-2.583a8.561,8.561,0,0,1-3.561.89c-2.155,0-3.124-1.238-3.124-2.585h7.435Zm9.228-1.389c0-1.412-.7-1.782-1.478-1.782-1.235,0-1.67.955-1.67,2.411v6.342H75.587V74.36a19.8,19.8,0,0,0-.1-2.368h3.487c.049.5.1,1.13.1,1.891h.048a3.463,3.463,0,0,1,3.561-2.065c2.785,0,3.7,1.826,3.7,4.085v7.406H82.562Zm5.5-4.346h2.18V69.669l3.73-1.064v3.387h2.47V74.4h-2.47v5.19c0,1.108.557,1.412,1.283,1.412a3.133,3.133,0,0,0,1.261-.239v2.411a10.072,10.072,0,0,1-2.665.305c-1.986,0-3.706-.869-3.706-3.345V74.4H88.059Zm13.733,4.692c0-.607,0-2.781,1.961-2.781,1.575,0,1.986,1.347,1.986,2.781Zm7.434,1.043c0-5.909-4.335-5.909-5.473-5.909a5.479,5.479,0,0,0-5.595,5.8c0,3.454,1.961,5.865,6.395,5.865a13.089,13.089,0,0,0,4-.653l-.074-2.583a8.544,8.544,0,0,1-3.559.89c-2.156,0-3.124-1.238-3.124-2.585h7.434Zm8.815-9.578H127.8V70.8h-5.933v3.39h5.642v2.648h-5.642V80.66h6.223v2.649H118.041Zm19.885,9.491c0,1.8-.146,3.5-1.841,3.5-1.551,0-1.913-1.694-1.913-3.5,0-1.3.339-3.345,1.913-3.345C137.828,74.3,137.926,76.467,137.926,77.64ZM130.345,88h3.827V81.637h.048a3.278,3.278,0,0,0,3.245,1.846c3.173,0,4.432-2.52,4.432-5.561,0-3.6-1.6-6.1-4.432-6.1a3.607,3.607,0,0,0-3.439,1.978h-.048a15.517,15.517,0,0,0-.1-1.8h-3.632a23.955,23.955,0,0,1,.1,2.542Zm17.22-11.316c0-.607,0-2.781,1.962-2.781,1.574,0,1.986,1.347,1.986,2.781ZM155,77.727c0-5.909-4.335-5.909-5.473-5.909a5.479,5.479,0,0,0-5.6,5.8c0,3.454,1.963,5.865,6.394,5.865a13.091,13.091,0,0,0,4-.653l-.072-2.583a8.569,8.569,0,0,1-3.561.89c-2.156,0-3.124-1.238-3.124-2.585H155Z'%3E%3C/path%3E%3Cpath fill='%2300539f' class='logo__svg--deer-path' d='M102.234,38.54l.11-.063c-.038-7.534-2.5-14.87-6.094-21.718v-.248l8.5-2.678-.6-2.989-7.8-.437A8.7,8.7,0,0,0,99.4,7.557l-1.809-1c-1.073,1.529-3.054,3.053-6.7,3.053-9.735,0-15.672-7.5-17.153-9.614L71.754.783c.956,1.481,5.885,8.486,14.6,10.413l-6.025,3.031,6,.436L87.5,25.622l-39.711-.006.054,2.164c1.447-.083,3.011-.042,3.975,1a4.948,4.948,0,0,1,.5,5.167,37.313,37.313,0,0,1-2.967,5.109c-9.037,2-16.871,5-22.686,8.82l2.466,3.062c5.771-3.791,13.73-6.721,22.965-8.591l.005,0v0a126.7,126.7,0,0,1,26.561-2.336c17.5.231,34.074,3.822,44.985,9.683l2.119-3.266A83.593,83.593,0,0,0,102.234,38.54Z'%3E%3C/path%3E%3Cpath fill='%23d5a10f' class='logo__svg--emblem-path' d='M115.353,41.321c.036.224.068.458.1.684-.8-.273-1.615-.532-2.44-.787.3-.845.732-1.635,1.208-1.58C114.809,39.706,115.217,40.479,115.353,41.321Zm-82.624-.978c1.1,1.09,2.674,2.585,2.982,2.873q1.681-.684,3.475-1.308a12.483,12.483,0,0,1-.321-2.475,19.928,19.928,0,0,1,.363-3.388.927.927,0,0,0-.272-1.069.535.535,0,0,0-.794.159,19.482,19.482,0,0,0-1.382,2.411s-.136.492-.333.477-.075-.5-.061-.591a16.765,16.765,0,0,1,1.588-4.866c1.284-2.562,1.1-1.971,1.194-2.3s.226-1.046-.485-.849-.694.243-.785.106.121-.349.257-.606a16.566,16.566,0,0,1,3.4-3.684s.757-.591.438-1.015-.68-.152-.906-.122-.363.106-.438-.03.1-.576.544-.849a42.561,42.561,0,0,0,5.244-3.9c.862-1,1.33-1.622.968-2.077s-1.345-.379-2.086.091a24.753,24.753,0,0,0-3.31,2.926,9.567,9.567,0,0,1-1.375,1.379c-.151.061-.378.167-.181-.182s.5-.924.226-1.121-.65-.273-1.33.182a11.369,11.369,0,0,0-3.37,3.986,17.766,17.766,0,0,0-.877,2.744c-.03.137-.332.561-.453.076a7.037,7.037,0,0,1-.181-1.152c-.016-.212-.046-.561-.318-.606a.919.919,0,0,0-.967.5c-.257.47-1.633,3.683-1.149,6.033a23.4,23.4,0,0,0,.877,3.532c.151.364.257.531.106.622a1,1,0,0,1-.877-.318c-.227-.258-.71-.9-.8-1.032s-.439-.454-.756-.227a2,2,0,0,0-.242,1.85A12.089,12.089,0,0,0,32.729,40.343ZM114.5,23.213c.44.273.62.712.545.849s-.212.06-.439.03-.588-.3-.906.122.438,1.015.438,1.015a16.609,16.609,0,0,1,3.4,3.684c.136.257.347.47.256.606s-.075.091-.785-.106-.576.515-.484.849-.092-.258,1.194,2.3a16.744,16.744,0,0,1,1.587,4.866c.014.091.136.576-.061.591s-.332-.477-.332-.477a19.61,19.61,0,0,0-1.382-2.411.535.535,0,0,0-.794-.159.928.928,0,0,0-.273,1.069,20.012,20.012,0,0,1,.364,3.388,14.049,14.049,0,0,1-.418,2.912q1.629.579,3.176,1.206c.134-.115.273-.222.34-.283.166-.152,1.873-1.773,3.037-2.925a12.07,12.07,0,0,0,2.388-3.82,2,2,0,0,0-.241-1.85c-.318-.227-.665.091-.756.227s-.574.774-.8,1.032a1,1,0,0,1-.878.318c-.15-.091-.044-.258.107-.622a23.621,23.621,0,0,0,.876-3.532c.485-2.35-.892-5.563-1.149-6.033a.919.919,0,0,0-.967-.5c-.272.045-.3.394-.316.606a7.1,7.1,0,0,1-.183,1.152c-.12.485-.423.061-.452-.076a17.581,17.581,0,0,0-.878-2.744,11.368,11.368,0,0,0-3.369-3.986c-.681-.455-1.058-.38-1.33-.182s.03.773.225,1.121-.03.243-.18.182a9.567,9.567,0,0,1-1.375-1.379,24.815,24.815,0,0,0-3.31-2.926c-.742-.47-1.723-.545-2.086-.091s.1,1.077.967,2.077A42.561,42.561,0,0,0,114.5,23.213Zm5.79,20.62q1.323.553,2.579,1.144a20.9,20.9,0,0,0,2.438-2.3c.3-.378.832-1.485.513-1.819s-1.48.622-2.388,1.334A15.2,15.2,0,0,1,120.288,43.833Zm-2.025,5.045c-.274.076-1.332.348-1.981.47s-3.128.273-3.416.287-.287.076-.3-.167.166-.211.166-.211.982-.274,2.508-.713a34.4,34.4,0,0,0,3.383-1.219q-3.251-1.358-6.921-2.491a10.7,10.7,0,0,1-.791,1.534,7.909,7.909,0,0,1-3.037,2.365c-.636.228-.25-.341-.25-.341s.18-.227.522-.682a10.755,10.755,0,0,0,1.019-2.387,1.742,1.742,0,0,0-.107-1.257c-.209-.057-.425-.11-.635-.166a1.173,1.173,0,0,0-.39.444,20.853,20.853,0,0,1-9.3,6.458c-6.849,2.465-14.532,3.2-20.964,3.267-6.4-.073-14.02-.821-20.814-3.267a20.848,20.848,0,0,1-9.3-6.458s-.362-.749-.861-.432-.317,1.115-.272,1.411a10.716,10.716,0,0,0,1.02,2.387c.34.455.522.682.522.682s.386.569-.25.341a7.9,7.9,0,0,1-3.038-2.365,12.548,12.548,0,0,1-.971-1.958,69.708,69.708,0,0,0-7.355,2.653,35.7,35.7,0,0,0,4,1.481c1.526.439,2.509.713,2.509.713s.181-.031.165.211-.014.182-.3.167-2.766-.167-3.415-.287-1.708-.394-1.981-.47-.694-.167-.846.273.968,1.136,1.224,1.273A28.168,28.168,0,0,0,44.73,52.8a92,92,0,0,0,9.944,1.7s.529,0,.529.226-.3.213-.529.228-2.145.075-2.539.061-2.765-.212-3.052-.258-1.18-.061-1.134.228.257.7,1.013.864,6.544,1.106,7.737,1.182,6.485.318,6.772.318.876.379.03.41-3.2.091-3.2.091-.439.014-.439.242.258.3.514.334,3.764.546,3.764.546,6.59.818,7.375.894c.577.055,3.637.235,6.175.3,0,0,.606.028.917.018.087,0,.261-.01.261-.01,2.328-.089,4.8-.259,5.316-.308.786-.076,7.376-.894,7.376-.894s3.507-.516,3.763-.546.515-.107.515-.334-.439-.242-.439-.242-2.358-.061-3.2-.091-.257-.41.03-.41,5.577-.242,6.772-.318,6.981-1.016,7.737-1.182.967-.577,1.012-.864-.846-.273-1.134-.228-2.658.243-3.053.258-2.311-.046-2.538-.061-.529,0-.529-.228.529-.226.529-.226a91.957,91.957,0,0,0,9.944-1.7,28.13,28.13,0,0,0,6.923-2.379c.257-.137,1.375-.834,1.224-1.273S118.534,48.8,118.263,48.878ZM32.438,44.657q1.155-.55,2.376-1.067a13.562,13.562,0,0,1-2.553-1.4c-.907-.712-2.071-1.667-2.388-1.334s.212,1.441.514,1.819A20.028,20.028,0,0,0,32.438,44.657Zm9.034-5.019c-.589.068-1,.841-1.133,1.683-.01.067-.021.137-.031.206q1.092-.363,2.22-.7C42.24,40.146,41.872,39.592,41.472,39.638Z'%3E%3C/path%3E%3C/svg%3E\")"
+        }
       }
     }
   }

package/municipalities/epe-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json

@@ -0,0 +1,14 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "min-block-size": { "value": "16px" },
+      "min-inline-size": { "value": "16px" },
+      "checked-disabled": {
+        "border-color": { "value": "{epe.color.grey.82}" },
+        "border-width": { "value": "{epe.size.4xs}" },
+        "background-color": { "value": "{epe.color.white.100}" },
+        "color": { "value": "{epe.color.grey.82}" }
+      }
+    }
+  }
+}

package/municipalities/epe-design-tokens/src/component/utrecht/radio-button.tokens.json

@@ -0,0 +1,68 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "background-color": { "value": "{epe.color.white.100}" },
+      "border-color": { "value": "{epe.color.grey.46}" },
+      "border-width": { "value": "{epe.size.4xs}" },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": { "value": "5px" }
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": { "value": "{epe.color.primary}" },
+        "border-width": { "value": "{epe.size.4xs}" },
+        "background-color": { "value": "{epe.color.white.100}" },
+        "color": { "value": "{epe.color.primary}" },
+        "active": {
+          "border-color": { "value": "{epe.color.primary}" },
+          "border-width": { "value": "{epe.size.4xs}" },
+          "background-color": { "value": "{epe.color.white.100}" },
+          "color": { "value": "{epe.color.primary}" }
+        },
+        "hover": {
+          "border-color": { "value": "{epe.color.primary-hover}" },
+          "border-width": { "value": "{epe.size.4xs}" },
+          "background-color": { "value": "{epe.color.white.100}" },
+          "color": { "value": "{epe.color.primary-hover}" }
+        },
+        "focus": {
+          "border-color": { "value": "{epe.color.primary}" },
+          "border-width": { "value": "{epe.size.4xs}" },
+          "background-color": { "value": "{epe.color.white.100}" },
+          "color": { "value": "{epe.color.primary}" }
+        }
+      },
+      "hover": {
+        "border-color": { "value": "{epe.color.grey.31}" },
+        "border-width": { "value": "{epe.size.4xs}" },
+        "background-color": { "value": "{epe.color.white.100}" },
+        "color": {}
+      },
+      "focus": {
+        "border-color": { "value": "{epe.color.primary}" },
+        "border-width": { "value": "{epe.size.4xs}" },
+        "background-color": { "value": "{epe.color.white.100}" },
+        "color": { "value": "{epe.color.primary}" }
+      },
+      "disabled": {
+        "border-color": { "value": "{epe.color.grey.82}" },
+        "border-width": { "value": "{epe.size.4xs}" },
+        "background-color": { "value": "{epe.color.grey.97}" },
+        "color": { "value": "{epe.color.grey.82}" }
+      },
+      "invalid": {
+        "border-color": { "value": "{epe.color.error}" },
+        "border-width": { "value": "{epe.size.4xs}" },
+        "background-color": { "value": "{epe.color.white.100}" },
+        "color": { "value": "{epe.color.error}" }
+      }
+    }
+  }
+}

package/municipalities/leiden-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Nov 2023 14:10:33 GMT
+ * Generated on Wed, 06 Dec 2023 17:06:31 GMT
  */
 
 .leiden-theme {
@@ -54,6 +54,9 @@
   --conduction-primary-top-nav-padding-inline-start: 16px;
   --conduction-primary-top-nav-padding-inline-end: 16px;
   --conduction-primary-top-nav-item-padding: 18px;
+  --conduction-logo-navbar-background-image: url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg');
+  --conduction-logo-navbar-block-size: 45px;
+  --conduction-logo-navbar-inline-size: 80px;
   --conduction-logo-footer-background-image: url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg');
   --conduction-logo-footer-block-size: 100px;
   --conduction-logo-footer-inline-size: 120px;
@@ -101,6 +104,9 @@
   --utrecht-table-margin-block-end: 0;
   --utrecht-table-header-text-transform: unset;
   --utrecht-table-border-collapse: collapse;
+  --utrecht-radio-button-icon-size: 5px;
+  --utrecht-radio-button-min-inline-size: 16px;
+  --utrecht-radio-button-min-block-size: 16px;
   --utrecht-page-header-logo-max-width: 80px;
   --utrecht-page-footer-background-image: unset;
   --utrecht-page-footer-link-hover-text-decoration: underline;
@@ -166,6 +172,7 @@
   --leiden-color-lightgrey-95: #f1f1f1;
   --leiden-color-lightgrey-89: #e4e4e4; /* Base/LightGrey */
   --leiden-color-lightgrey-79: #c9c9c9;
+  --leiden-color-grey-97: #f7f7f7;
   --leiden-color-grey-82: #d1d1d1;
   --leiden-color-grey-46: #767676;
   --leiden-color-grey-33: #5f594a; /* Base/Grey */
@@ -388,6 +395,44 @@
   --utrecht-table-row-border-block-end-width: var(--leiden-size-4xs);
   --utrecht-table-row-border-block-end-color: var(--leiden-color-lightgrey-89);
   --utrecht-table-header-font-weight: var(--leiden-typography-font-weight-bold);
+  --utrecht-radio-button-invalid-color: var(--leiden-color-error);
+  --utrecht-radio-button-invalid-background-color: var(--leiden-color-white-100);
+  --utrecht-radio-button-invalid-border-width: var(--leiden-size-4xs);
+  --utrecht-radio-button-invalid-border-color: var(--leiden-color-error);
+  --utrecht-radio-button-disabled-color: var(--leiden-color-grey-82);
+  --utrecht-radio-button-disabled-background-color: var(--leiden-color-grey-97);
+  --utrecht-radio-button-disabled-border-width: var(--leiden-size-4xs);
+  --utrecht-radio-button-disabled-border-color: var(--leiden-color-grey-82);
+  --utrecht-radio-button-focus-color: var(--leiden-color-primary);
+  --utrecht-radio-button-focus-background-color: var(--leiden-color-white-100);
+  --utrecht-radio-button-focus-border-width: var(--leiden-size-4xs);
+  --utrecht-radio-button-focus-border-color: var(--leiden-color-primary);
+  --utrecht-radio-button-hover-background-color: var(--leiden-color-white-100);
+  --utrecht-radio-button-hover-border-width: var(--leiden-size-4xs);
+  --utrecht-radio-button-hover-border-color: var(--leiden-color-grey-31);
+  --utrecht-radio-button-checked-focus-color: var(--leiden-color-primary);
+  --utrecht-radio-button-checked-focus-background-color: var(--leiden-color-white-100);
+  --utrecht-radio-button-checked-focus-border-width: var(--leiden-size-4xs);
+  --utrecht-radio-button-checked-focus-border-color: var(--leiden-color-primary);
+  --utrecht-radio-button-checked-hover-color: var(--leiden-color-primary-hover);
+  --utrecht-radio-button-checked-hover-background-color: var(--leiden-color-white-100);
+  --utrecht-radio-button-checked-hover-border-width: var(--leiden-size-4xs);
+  --utrecht-radio-button-checked-hover-border-color: var(--leiden-color-primary-hover);
+  --utrecht-radio-button-checked-active-color: var(--leiden-color-primary);
+  --utrecht-radio-button-checked-active-background-color: var(--leiden-color-white-100);
+  --utrecht-radio-button-checked-active-border-width: var(--leiden-size-4xs);
+  --utrecht-radio-button-checked-active-border-color: var(--leiden-color-primary);
+  --utrecht-radio-button-checked-color: var(--leiden-color-primary);
+  --utrecht-radio-button-checked-background-color: var(--leiden-color-white-100);
+  --utrecht-radio-button-checked-border-width: var(--leiden-size-4xs);
+  --utrecht-radio-button-checked-border-color: var(--leiden-color-primary);
+  --utrecht-radio-button-border-width: var(--leiden-size-4xs);
+  --utrecht-radio-button-border-color: var(--leiden-color-grey-46);
+  --utrecht-radio-button-background-color: var(--leiden-color-white-100);
+  --utrecht-radio-button-checked-disabled-color: var(--leiden-color-grey-82);
+  --utrecht-radio-button-checked-disabled-background-color: var(--leiden-color-white-100);
+  --utrecht-radio-button-checked-disabled-border-width: var(--leiden-size-4xs);
+  --utrecht-radio-button-checked-disabled-border-color: var(--leiden-color-grey-82);
   --utrecht-page-header-padding-block-end: var(--leiden-size-sm);
   --utrecht-page-header-padding-block-start: var(--leiden-size-sm);
   --utrecht-page-header-color: var(--leiden-color-white-100);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Nov 2023 14:10:33 GMT
+ * Generated on Wed, 06 Dec 2023 17:06:31 GMT
  */
 
 export const leidenColorPrimary = "#d62410";
@@ -22,6 +22,7 @@ export const leidenColorGrey31 = "#4f4f4f";
 export const leidenColorGrey33 = "#5f594a"; // Base/Grey
 export const leidenColorGrey46 = "#767676";
 export const leidenColorGrey82 = "#d1d1d1";
+export const leidenColorGrey97 = "#f7f7f7";
 export const leidenColorLightgrey79 = "#c9c9c9";
 export const leidenColorLightgrey89 = "#e4e4e4"; // Base/LightGrey
 export const leidenColorLightgrey95 = "#f1f1f1";
@@ -225,6 +226,47 @@ export const utrechtPageHeaderBackgroundColor = "#0d1921";
 export const utrechtPageHeaderColor = "#ffffff";
 export const utrechtPageHeaderPaddingBlockStart = "14px";
 export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtRadioButtonMinBlockSize = "16px";
+export const utrechtRadioButtonMinInlineSize = "16px";
+export const utrechtRadioButtonCheckedDisabledBorderColor = "#d1d1d1";
+export const utrechtRadioButtonCheckedDisabledBorderWidth = "1px";
+export const utrechtRadioButtonCheckedDisabledBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedDisabledColor = "#d1d1d1";
+export const utrechtRadioButtonBackgroundColor = "#ffffff";
+export const utrechtRadioButtonBorderColor = "#767676";
+export const utrechtRadioButtonBorderWidth = "1px";
+export const utrechtRadioButtonIconSize = "5px";
+export const utrechtRadioButtonCheckedBorderColor = "#d62410";
+export const utrechtRadioButtonCheckedBorderWidth = "1px";
+export const utrechtRadioButtonCheckedBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedColor = "#d62410";
+export const utrechtRadioButtonCheckedActiveBorderColor = "#d62410";
+export const utrechtRadioButtonCheckedActiveBorderWidth = "1px";
+export const utrechtRadioButtonCheckedActiveBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedActiveColor = "#d62410";
+export const utrechtRadioButtonCheckedHoverBorderColor = "#b81f0e";
+export const utrechtRadioButtonCheckedHoverBorderWidth = "1px";
+export const utrechtRadioButtonCheckedHoverBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedHoverColor = "#b81f0e";
+export const utrechtRadioButtonCheckedFocusBorderColor = "#d62410";
+export const utrechtRadioButtonCheckedFocusBorderWidth = "1px";
+export const utrechtRadioButtonCheckedFocusBackgroundColor = "#ffffff";
+export const utrechtRadioButtonCheckedFocusColor = "#d62410";
+export const utrechtRadioButtonHoverBorderColor = "#4f4f4f";
+export const utrechtRadioButtonHoverBorderWidth = "1px";
+export const utrechtRadioButtonHoverBackgroundColor = "#ffffff";
+export const utrechtRadioButtonFocusBorderColor = "#d62410";
+export const utrechtRadioButtonFocusBorderWidth = "1px";
+export const utrechtRadioButtonFocusBackgroundColor = "#ffffff";
+export const utrechtRadioButtonFocusColor = "#d62410";
+export const utrechtRadioButtonDisabledBorderColor = "#d1d1d1";
+export const utrechtRadioButtonDisabledBorderWidth = "1px";
+export const utrechtRadioButtonDisabledBackgroundColor = "#f7f7f7";
+export const utrechtRadioButtonDisabledColor = "#d1d1d1";
+export const utrechtRadioButtonInvalidBorderColor = "#d62410";
+export const utrechtRadioButtonInvalidBorderWidth = "1px";
+export const utrechtRadioButtonInvalidBackgroundColor = "#ffffff";
+export const utrechtRadioButtonInvalidColor = "#d62410";
 export const utrechtTableBorderCollapse = "collapse";
 export const utrechtTableHeaderFontWeight = "700";
 export const utrechtTableHeaderColor = "#0d1921";
@@ -395,6 +437,9 @@ export const conductionLogoHeaderBackgroundImage = "url('https://gemeente.leiden
 export const conductionLogoFooterInlineSize = "120px";
 export const conductionLogoFooterBlockSize = "100px";
 export const conductionLogoFooterBackgroundImage = "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')";
+export const conductionLogoNavbarInlineSize = "80px";
+export const conductionLogoNavbarBlockSize = "45px";
+export const conductionLogoNavbarBackgroundImage = "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')";
 export const conductionPrimaryTopNavColor = "#ffffff";
 export const conductionPrimaryTopNavBackgroundColor = "#0d1921";
 export const conductionPrimaryTopNavHoverColor = "#035688";