@conduction/theme 1.0.55 → 1.0.57

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

@@ -47,6 +47,9 @@
         },
         "83": {
           "value": "#c1cce6"
+        },
+        "93": {
+          "value": "#e0ebfa"
         }
       },
       "lightgrey": {
@@ -59,6 +62,9 @@
         }
       },
       "grey": {
+        "31": {
+          "value": "#4f4f4f"
+        },
         "34": {
           "value": "#575757",
           "comment": "Base/Grey"
@@ -66,6 +72,9 @@
         "46": {
           "value": "#757575"
         },
+        "82": {
+          "value": "#d1d1d1"
+        },
         "90": {
           "value": "#e6e6e6"
         }

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

@@ -0,0 +1,69 @@
+{
+  "conduction": {
+    "input-checkbox": {
+      "color": { "value": "{epe.color.white.100}" },
+      "border-width": { "value": "{epe.size.4xs}" },
+      "border-style": { "value": "solid" },
+      "border-color": { "value": "{epe.color.grey.46}" },
+      "border-radius": { "value": "3px" },
+      "box-shadow": {},
+      "hover": {
+        "color": { "value": "{epe.color.white.100}" },
+        "border-width": { "value": "{epe.size.4xs}" },
+        "border-style": { "value": "solid" },
+        "border-color": { "value": "{epe.color.grey.31}" },
+        "border-radius": { "value": "3px" },
+        "box-shadow": {}
+      },
+      "checked": {
+        "color": { "value": "{epe.color.primary}" },
+        "border-width": { "value": "{epe.size.4xs}" },
+        "border-style": { "value": "solid" },
+        "border-color": { "value": "{epe.color.primary}" },
+        "border-radius": { "value": "3px" },
+        "box-shadow": {},
+        "checkmark-url": {},
+        "hover": {
+          "color": { "value": "{epe.color.primary-hover}" },
+          "border-width": { "value": "{epe.size.4xs}" },
+          "border-style": { "value": "solid" },
+          "border-color": { "value": "{epe.color.primary-hover}" },
+          "border-radius": { "value": "3px" },
+          "box-shadow": {}
+        }
+      },
+      "disabled": {
+        "color": { "value": "{epe.color.grey.82}" },
+        "border-width": { "value": "{epe.size.4xs}" },
+        "border-style": { "value": "solid" },
+        "border-color": { "value": "{epe.color.grey.82}" },
+        "border-radius": { "value": "3px" },
+        "box-shadow": {},
+        "hover": {
+          "color": { "value": "{epe.color.grey.82}" },
+          "border-width": { "value": "{epe.size.4xs}" },
+          "border-style": { "value": "solid" },
+          "border-color": { "value": "{epe.color.grey.82}" },
+          "border-radius": { "value": "3px" },
+          "box-shadow": {}
+        }
+      },
+      "focus": {
+        "outline-width": { "value": "2px" },
+        "outline-style": { "value": "solid" },
+        "outline-color": { "value": "{epe.color.black.0}" },
+        "outline-offset": { "value": "2px" }
+      },
+      "label": {
+        "color": { "value": "{utrecht.document.color}" },
+        "font-size": { "value": "{utrecht.document.font-size}" },
+        "font-weight": {},
+        "font-family": { "value": "{utrecht.document.font-family}" },
+        "container": {
+          "padding": { "value": "3px" },
+          "margin": { "value": "3px" }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,23 @@
+{
+  "conduction": {
+    "download-card": {
+      "background-color": {},
+      "title": {
+        "color": { "value": "{epe.color.black.19}" },
+        "font-size": { "value": "{epe.font-size.lg}" },
+        "font-weight": { "value": "{epe.typography.font-weight.bold}" },
+        "font-family": { "value": "{epe.typography.source-sans.font-family}" },
+        "margin-inline-end": { "value": "{epe.size.sm}" }
+      },
+      "border-width": { "value": "{epe.size.4xs}" },
+      "border-style": { "value": "solid" },
+      "border-color": { "value": "{epe.color.grey.82}" },
+      "border-radius": { "value": "0px" },
+      "icon-gap": { "value": "{epe.size.xs}" },
+      "padding-inline-end": { "value": "{epe.size.md}" },
+      "padding-inline-start": { "value": "{epe.size.md}" },
+      "padding-block-end": { "value": "{epe.size.md}" },
+      "padding-block-start": { "value": "{epe.size.md}" }
+    }
+  }
+}

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/badge.tokens.json

@@ -0,0 +1,15 @@
+{
+  "utrecht": {
+    "badge": {
+      "background-color": { "value": "{epe.color.blue.93}" },
+      "border-radius": { "value": "0" },
+      "color": { "value": "{epe.color.light-blue.31} " },
+      "font-size": { "value": "{epe.font-size.sm}" },
+      "font-weight": { "value": "{epe.typography.font-weight.normal}" },
+      "line-height": {},
+      "padding-block": { "value": "{epe.size.xs}" },
+      "padding-inline": { "value": "{epe.size.xs}" },
+      "text-transform": {}
+    }
+  }
+}

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Nov 2023 14:12:42 GMT
+ * Generated on Fri, 01 Dec 2023 15:32:30 GMT
  */
 
 .leiden-theme {
@@ -54,12 +54,34 @@
   --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;
   --conduction-logo-header-background-image: url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg');
   --conduction-logo-header-block-size: 37px;
   --conduction-logo-header-inline-size: 80px;
+  --conduction-download-card-border-radius: 0px;
+  --conduction-download-card-border-style: solid;
+  --conduction-input-checkbox-label-container-margin: 3px;
+  --conduction-input-checkbox-label-container-padding: 3px;
+  --conduction-input-checkbox-focus-outline-offset: 2px;
+  --conduction-input-checkbox-focus-outline-style: solid;
+  --conduction-input-checkbox-focus-outline-width: 2px;
+  --conduction-input-checkbox-disabled-hover-border-radius: 3px;
+  --conduction-input-checkbox-disabled-hover-border-style: solid;
+  --conduction-input-checkbox-disabled-border-radius: 3px;
+  --conduction-input-checkbox-disabled-border-style: solid;
+  --conduction-input-checkbox-checked-hover-border-radius: 3px;
+  --conduction-input-checkbox-checked-hover-border-style: solid;
+  --conduction-input-checkbox-checked-border-radius: 3px;
+  --conduction-input-checkbox-checked-border-style: solid;
+  --conduction-input-checkbox-hover-border-radius: 3px;
+  --conduction-input-checkbox-hover-border-style: solid;
+  --conduction-input-checkbox-border-radius: 3px;
+  --conduction-input-checkbox-border-style: solid;
   --conduction-card-wrapper-border-radius: 0px;
   --conduction-card-wrapper-border-width: unset;
   --utrecht-separator-margin-block-start: 0px;
@@ -103,6 +125,7 @@
   --utrecht-breadcrumb-nav-padding-inline-start: 30px;
   --utrecht-breadcrumb-nav-separator-icon-size: 9px;
   --utrecht-breadcrumb-nav-font-size: 15px;
+  --utrecht-badge-border-radius: 0;
   --utrecht-badge-counter-text-decoration: none;
   --utrecht-badge-counter-border-radius: 50%;
   --utrecht-action-submit-cursor: pointer;
@@ -146,7 +169,10 @@
   --leiden-color-lightgrey-95: #f1f1f1;
   --leiden-color-lightgrey-89: #e4e4e4; /* Base/LightGrey */
   --leiden-color-lightgrey-79: #c9c9c9;
+  --leiden-color-grey-82: #d1d1d1;
+  --leiden-color-grey-46: #767676;
   --leiden-color-grey-33: #5f594a; /* Base/Grey */
+  --leiden-color-grey-31: #4f4f4f;
   --leiden-color-grey-11: #1d1d1b;
   --leiden-color-alert-info-background: #cce5ff;
   --leiden-color-alert-info: #004085;
@@ -256,6 +282,36 @@
   --conduction-primary-top-nav-hover-color: var(--leiden-color-blue-27);
   --conduction-primary-top-nav-background-color: var(--leiden-color-black-9);
   --conduction-primary-top-nav-color: var(--leiden-color-white-100);
+  --conduction-download-card-padding-block-start: var(--leiden-size-md);
+  --conduction-download-card-padding-block-end: var(--leiden-size-md);
+  --conduction-download-card-padding-inline-start: var(--leiden-size-md);
+  --conduction-download-card-padding-inline-end: var(--leiden-size-md);
+  --conduction-download-card-icon-gap: var(--leiden-size-xs);
+  --conduction-download-card-border-color: var(--leiden-color-grey-82);
+  --conduction-download-card-border-width: var(--leiden-size-4xs);
+  --conduction-download-card-title-margin-inline-end: var(--leiden-size-sm);
+  --conduction-download-card-title-font-family: var(--leiden-typography-sans-serif-font-family);
+  --conduction-download-card-title-font-weight: var(--leiden-typography-font-weight-bold);
+  --conduction-download-card-title-font-size: var(--leiden-font-size-md);
+  --conduction-input-checkbox-focus-outline-color: var(--leiden-color-black-0);
+  --conduction-input-checkbox-disabled-hover-border-color: var(--leiden-color-grey-82);
+  --conduction-input-checkbox-disabled-hover-border-width: var(--leiden-size-4xs);
+  --conduction-input-checkbox-disabled-hover-color: var(--leiden-color-grey-82);
+  --conduction-input-checkbox-disabled-border-color: var(--leiden-color-grey-82);
+  --conduction-input-checkbox-disabled-border-width: var(--leiden-size-4xs);
+  --conduction-input-checkbox-disabled-color: var(--leiden-color-grey-82);
+  --conduction-input-checkbox-checked-hover-border-color: var(--leiden-color-primary-hover);
+  --conduction-input-checkbox-checked-hover-border-width: var(--leiden-size-4xs);
+  --conduction-input-checkbox-checked-hover-color: var(--leiden-color-primary-hover);
+  --conduction-input-checkbox-checked-border-color: var(--leiden-color-primary);
+  --conduction-input-checkbox-checked-border-width: var(--leiden-size-4xs);
+  --conduction-input-checkbox-checked-color: var(--leiden-color-primary);
+  --conduction-input-checkbox-hover-border-color: var(--leiden-color-grey-31);
+  --conduction-input-checkbox-hover-border-width: var(--leiden-size-4xs);
+  --conduction-input-checkbox-hover-color: var(--leiden-color-white-100);
+  --conduction-input-checkbox-border-color: var(--leiden-color-grey-46);
+  --conduction-input-checkbox-border-width: var(--leiden-size-4xs);
+  --conduction-input-checkbox-color: var(--leiden-color-white-100);
   --conduction-card-wrapper-padding-block-start: var(--leiden-size-sm);
   --conduction-card-wrapper-padding-block-end: var(--leiden-size-sm);
   --conduction-card-wrapper-padding-inline-start: var(--leiden-size-xl);
@@ -413,6 +469,12 @@
   --utrecht-blockquote-content-color: var(--leiden-color-black-9);
   --utrecht-blockquote-margin-inline-end: var(--leiden-size-xl);
   --utrecht-blockquote-margin-inline-start: var(--leiden-size-xl);
+  --utrecht-badge-padding-inline: var(--leiden-size-xs);
+  --utrecht-badge-padding-block: var(--leiden-size-xs);
+  --utrecht-badge-font-weight: var(--leiden-typography-font-weight-normal);
+  --utrecht-badge-font-size: var(--leiden-font-size-sm);
+  --utrecht-badge-color: var(--leiden-color-white-100) ;
+  --utrecht-badge-background-color: var(--leiden-color-black-0) ;
   --utrecht-badge-counter-padding-inline: var(--leiden-size-2xs);
   --utrecht-badge-counter-padding-block: var(--leiden-size-2xs);
   --utrecht-badge-counter-font-weight: var(--leiden-typography-font-weight-normal);
@@ -472,6 +534,10 @@
   --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
   --conduction-input-select-border: 1px solid var(--utrecht-form-input-border-color);
   --conduction-pagination-item-font-family: var(--utrecht-document-font-family);
+  --conduction-download-card-title-color: var(--utrecht-document-color);
+  --conduction-input-checkbox-label-font-family: var(--utrecht-document-font-family);
+  --conduction-input-checkbox-label-font-size: var(--utrecht-document-font-size);
+  --conduction-input-checkbox-label-color: var(--utrecht-document-color);
   --conduction-card-wrapper-color: var(--utrecht-document-color);
   --conduction-card-header-color: var(--utrecht-document-color);
   --utrecht-paragraph-color: var(--utrecht-document-color);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 Nov 2023 14:12:42 GMT
+ * Generated on Fri, 01 Dec 2023 15:32:30 GMT
  */
 
 export const leidenColorPrimary = "#d62410";
@@ -18,7 +18,10 @@ export const leidenColorInfo = "#d62410";
 export const leidenColorAlertInfo = "#004085";
 export const leidenColorAlertInfoBackground = "#cce5ff";
 export const leidenColorGrey11 = "#1d1d1b";
+export const leidenColorGrey31 = "#4f4f4f";
 export const leidenColorGrey33 = "#5f594a"; // Base/Grey
+export const leidenColorGrey46 = "#767676";
+export const leidenColorGrey82 = "#d1d1d1";
 export const leidenColorLightgrey79 = "#c9c9c9";
 export const leidenColorLightgrey89 = "#e4e4e4"; // Base/LightGrey
 export const leidenColorLightgrey95 = "#f1f1f1";
@@ -115,6 +118,13 @@ export const utrechtBadgeCounterPaddingBlock = "4px";
 export const utrechtBadgeCounterPaddingInline = "4px";
 export const utrechtBadgeCounterFontFamily = "\"Open Sans\", Monospace, Arial, sans-serif";
 export const utrechtBadgeCounterTextDecoration = "none";
+export const utrechtBadgeBackgroundColor = "#000000 ";
+export const utrechtBadgeBorderRadius = "0";
+export const utrechtBadgeColor = "#ffffff ";
+export const utrechtBadgeFontSize = "14px";
+export const utrechtBadgeFontWeight = "400";
+export const utrechtBadgePaddingBlock = "8px";
+export const utrechtBadgePaddingInline = "8px";
 export const utrechtBlockquoteMarginInlineStart = "32px";
 export const utrechtBlockquoteMarginInlineEnd = "32px";
 export const utrechtBlockquoteContentColor = "#0d1921";
@@ -326,12 +336,68 @@ export const conductionCardWrapperPaddingInlineEnd = "32px";
 export const conductionCardWrapperPaddingInlineStart = "32px";
 export const conductionCardWrapperPaddingBlockEnd = "14px";
 export const conductionCardWrapperPaddingBlockStart = "14px";
+export const conductionInputCheckboxColor = "#ffffff";
+export const conductionInputCheckboxBorderWidth = "1px";
+export const conductionInputCheckboxBorderStyle = "solid";
+export const conductionInputCheckboxBorderColor = "#767676";
+export const conductionInputCheckboxBorderRadius = "3px";
+export const conductionInputCheckboxHoverColor = "#ffffff";
+export const conductionInputCheckboxHoverBorderWidth = "1px";
+export const conductionInputCheckboxHoverBorderStyle = "solid";
+export const conductionInputCheckboxHoverBorderColor = "#4f4f4f";
+export const conductionInputCheckboxHoverBorderRadius = "3px";
+export const conductionInputCheckboxCheckedColor = "#d62410";
+export const conductionInputCheckboxCheckedBorderWidth = "1px";
+export const conductionInputCheckboxCheckedBorderStyle = "solid";
+export const conductionInputCheckboxCheckedBorderColor = "#d62410";
+export const conductionInputCheckboxCheckedBorderRadius = "3px";
+export const conductionInputCheckboxCheckedHoverColor = "#b81f0e";
+export const conductionInputCheckboxCheckedHoverBorderWidth = "1px";
+export const conductionInputCheckboxCheckedHoverBorderStyle = "solid";
+export const conductionInputCheckboxCheckedHoverBorderColor = "#b81f0e";
+export const conductionInputCheckboxCheckedHoverBorderRadius = "3px";
+export const conductionInputCheckboxDisabledColor = "#d1d1d1";
+export const conductionInputCheckboxDisabledBorderWidth = "1px";
+export const conductionInputCheckboxDisabledBorderStyle = "solid";
+export const conductionInputCheckboxDisabledBorderColor = "#d1d1d1";
+export const conductionInputCheckboxDisabledBorderRadius = "3px";
+export const conductionInputCheckboxDisabledHoverColor = "#d1d1d1";
+export const conductionInputCheckboxDisabledHoverBorderWidth = "1px";
+export const conductionInputCheckboxDisabledHoverBorderStyle = "solid";
+export const conductionInputCheckboxDisabledHoverBorderColor = "#d1d1d1";
+export const conductionInputCheckboxDisabledHoverBorderRadius = "3px";
+export const conductionInputCheckboxFocusOutlineWidth = "2px";
+export const conductionInputCheckboxFocusOutlineStyle = "solid";
+export const conductionInputCheckboxFocusOutlineColor = "#000000";
+export const conductionInputCheckboxFocusOutlineOffset = "2px";
+export const conductionInputCheckboxLabelColor = "#0d1921";
+export const conductionInputCheckboxLabelFontSize = "18px";
+export const conductionInputCheckboxLabelFontFamily = "\"Open Sans\", Monospace, Arial, sans-serif";
+export const conductionInputCheckboxLabelContainerPadding = "3px";
+export const conductionInputCheckboxLabelContainerMargin = "3px";
+export const conductionDownloadCardTitleColor = "#0d1921";
+export const conductionDownloadCardTitleFontSize = "18px";
+export const conductionDownloadCardTitleFontWeight = "700";
+export const conductionDownloadCardTitleFontFamily = "\"Open Sans\", Monospace, Arial, sans-serif";
+export const conductionDownloadCardTitleMarginInlineEnd = "14px";
+export const conductionDownloadCardBorderWidth = "1px";
+export const conductionDownloadCardBorderStyle = "solid";
+export const conductionDownloadCardBorderColor = "#d1d1d1";
+export const conductionDownloadCardBorderRadius = "0px";
+export const conductionDownloadCardIconGap = "8px";
+export const conductionDownloadCardPaddingInlineEnd = "18px";
+export const conductionDownloadCardPaddingInlineStart = "18px";
+export const conductionDownloadCardPaddingBlockEnd = "18px";
+export const conductionDownloadCardPaddingBlockStart = "18px";
 export const conductionLogoHeaderInlineSize = "80px";
 export const conductionLogoHeaderBlockSize = "37px";
 export const conductionLogoHeaderBackgroundImage = "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')";
 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";