@conduction/theme 1.1.2 → 1.1.4

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

@@ -86,6 +86,9 @@
         "46": {
           "value": "#767676"
         },
+        "50": {
+          "value": "#808080"
+        },
         "64": {
           "value": "#9aa1ab",
           "comment": "Base/Grey"

package/municipalities/dinkelland-design-tokens/src/component/conduction/card-wrapper.tokens.json

@@ -13,6 +13,10 @@
       "color": { "value": "{utrecht.document.color}" },
       "hover": {
         "background-color": {},
+        "color": {},
+        "border-color": {},
+        "border-style": {},
+        "border-width": {},
         "border-bottom-color": {},
         "border-bottom-style": {},
         "border-bottom-width": {}

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

@@ -13,7 +13,12 @@
       "border-style": { "value": "solid" },
       "border-color": { "value": "{dinkelland.color.grey.72}" },
       "border-radius": { "value": "0px" },
-      "icon-gap": { "value": "{dinkelland.size.xs}" },
+      "icon": {
+        "gap": {
+          "value": "{dinkelland.size.xs}"
+        },
+        "color": {}
+      },
       "padding-inline-end": { "value": "{dinkelland.size.md}" },
       "padding-inline-start": { "value": "{dinkelland.size.md}" },
       "padding-block-end": { "value": "{dinkelland.size.md}" },

package/municipalities/dinkelland-design-tokens/src/component/conduction/navigation.tokens.json

@@ -27,6 +27,14 @@
             "color": {},
             "background-color": {},
             "box-shadow": {}
+          },
+          "current": {
+            "color": { "value": "{dinkelland.color.primary}" },
+            "background-color": { "value": "unset" },
+            "box-shadow": { "value": "inset 0 -4px {dinkelland.color.primary}" },
+            "mobile": {
+              "box-shadow": { "value": "inset 4px 0 {dinkelland.color.primary}" }
+            }
           }
         },
         "item": {

package/municipalities/dinkelland-design-tokens/src/component/conduction/pagination.tokens.json

@@ -22,14 +22,21 @@
         "border-width": {},
         "border-style": {},
         "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {},
         "border-radius": { "value": "0px" }
       },
       "navigation-button": {
         "color": { "value": "{dinkelland.color.white.100}" },
         "background-color": { "value": "{dinkelland.color.primary}" },
+        "border-width": { "value": "0px" },
+        "border-style": {},
         "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {},
         "border-radius": {},
-        "border-width": { "value": "0px" },
         "padding-inline-start": { "value": "{dinkelland.size.xs}" },
         "padding-inline-end": { "value": "{dinkelland.size.xs}" },
         "padding-block-start": { "value": "0px" },
@@ -40,6 +47,9 @@
           "border-width": { "value": "0px" },
           "border-style": {},
           "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {},
           "border-radius": {}
         },
         "hover": {
@@ -48,6 +58,9 @@
           "border-width": { "value": "0px" },
           "border-style": {},
           "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {},
           "border-radius": {}
         }
       },
@@ -58,7 +71,10 @@
         "text-decoration": { "value": "unset" },
         "border-width": {},
         "border-style": {},
-        "border-color": {}
+        "border-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {}
       },
       "page": {
         "hover": {
@@ -68,7 +84,10 @@
           "text-decoration-thickness": { "value": "0px" },
           "border-width": {},
           "border-style": {},
-          "border-color": {}
+          "border-color": {},
+          "border-bottom-width": {},
+          "border-bottom-style": {},
+          "border-bottom-color": {}
         }
       }
     }

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

@@ -29,9 +29,9 @@
         "size": {}
       },
       "disabled": {
-        "background-color": {},
-        "border-color": {},
-        "color": {}
+        "background-color": { "value": "{dinkelland.color.grey.82}" },
+        "border-color": { "value": "{dinkelland.color.grey.82}" },
+        "color": { "value": "{dinkelland.color.grey.50}" }
       },
       "focus": {
         "background-color": {},
@@ -61,11 +61,11 @@
           "border-color": {},
           "color": {}
         },
-        "disabled": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
-        },
+          "disabled": {
+        "background-color": { "value": "{dinkelland.color.grey.82}" },
+        "border-color": { "value": "{dinkelland.color.grey.82}" },
+        "color": { "value": "{dinkelland.color.grey.50}" }
+      },
         "hover": {
           "background-color": { "value": "{dinkelland.color.blue.91}" },
           "border-color": { "value": "{dinkelland.color.blue.91}" },
@@ -94,11 +94,11 @@
           "border-color": {},
           "color": {}
         },
-        "disabled": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
-        },
+          "disabled": {
+        "background-color": { "value": "{dinkelland.color.grey.82}" },
+        "border-color": { "value": "{dinkelland.color.grey.82}" },
+        "color": { "value": "{dinkelland.color.grey.50}" }
+      },
         "hover": {
           "background-color": { "value": "{dinkelland.color.white.100}" },
           "border-color": { "value": "{dinkelland.color.primary-hover}" },
@@ -126,11 +126,11 @@
           "border-color": {},
           "color": {}
         },
-        "disabled": {
-          "background-color": {},
-          "border-color": {},
-          "color": {}
-        },
+          "disabled": {
+        "background-color": { "value": "{dinkelland.color.grey.82}" },
+        "border-color": { "value": "{dinkelland.color.grey.82}" },
+        "color": { "value": "{dinkelland.color.grey.50}" }
+      },
         "hover": {
           "background-color": {},
           "border-color": {},

package/municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json

@@ -8,6 +8,16 @@
         "border-block-end-width": { "value": "{dinkelland.size.4xs}" },
         "font-family": { "value": "{dinkelland.typography.montserrat.font-family}" }
       },
+      "header-cell": {
+        "border-inline-end-width": {},
+        "border-inline-end-style": {},
+        "border-inline-end-color": {}
+      },
+      "cell": {
+        "border-inline-end-width": {},
+        "border-inline-end-style": {},
+        "border-inline-end-color": {}
+      },
       "row": {
         "hover": {
           "background-color": { "value": "{dinkelland.color.grey.94}" },

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 18 Dec 2023 16:13:19 GMT
+ * Generated on Tue, 19 Dec 2023 15:55:55 GMT
  */
 
 .epe-theme {
@@ -47,6 +47,7 @@
   --conduction-primary-top-nav-padding-inline-start: 16px;
   --conduction-primary-top-nav-padding-inline-end: 16px;
   --conduction-primary-top-nav-item-padding: 18px;
+  --conduction-primary-top-nav-dropdown-current-background-color: unset;
   --conduction-primary-top-nav-current-background-color: unset;
   --conduction-logo-navbar-background-image: 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");
   --conduction-logo-navbar-block-size: 45px;
@@ -112,9 +113,9 @@
   --utrecht-heading-2-font-size: 1.777778em;
   --utrecht-heading-1-font-weight: 600;
   --utrecht-heading-1-font-size: 2.66667em;
-  --utrecht-table-header-cell-text-transform: unset;
   --utrecht-table-margin-block-end: 0;
   --utrecht-table-caption-font-style: italic;
+  --utrecht-table-header-cell-text-transform: unset;
   --utrecht-table-header-text-transform: unset;
   --utrecht-table-header-border-block-end-width: 5px;
   --utrecht-table-border-collapse: collapse;
@@ -189,6 +190,7 @@
   --epe-color-grey-97: #f7f7f7;
   --epe-color-grey-90: #e6e6e6;
   --epe-color-grey-82: #d1d1d1;
+  --epe-color-grey-50: #808080;
   --epe-color-grey-46: #757575;
   --epe-color-grey-34: #575757; /* Base/Grey */
   --epe-color-grey-31: #4f4f4f;
@@ -362,15 +364,15 @@
   --utrecht-textbox-focus-background-color: var(--epe-color-white-100);
   --utrecht-textbox-placeholder-color: var(--epe-color-grey-46);
   --utrecht-textbox-background-color: var(--epe-color-white-100);
+  --utrecht-table-margin-block-start: var(--epe-size-md);
+  --utrecht-table-row-border-block-end-width: var(--epe-size-4xs);
+  --utrecht-table-row-border-block-end-color: var(--epe-color-black-19);
+  --utrecht-table-row-hover-background-color: var(--epe-color-yellow-90);
   --utrecht-table-cell-padding-inline-start: var(--epe-size-md);
   --utrecht-table-cell-padding-inline-end: var(--epe-size-md);
   --utrecht-table-cell-padding-block-start: var(--epe-size-md);
   --utrecht-table-cell-padding-block-end: var(--epe-size-md);
   --utrecht-table-header-cell-font-weight: var(--epe-typography-font-weight-bold);
-  --utrecht-table-margin-block-start: var(--epe-size-md);
-  --utrecht-table-row-border-block-end-width: var(--epe-size-4xs);
-  --utrecht-table-row-border-block-end-color: var(--epe-color-black-19);
-  --utrecht-table-row-hover-background-color: var(--epe-color-yellow-90);
   --utrecht-table-header-font-weight: var(--epe-typography-font-weight-bold);
   --utrecht-table-header-border-block-end-color: var(--epe-color-yellow-42);
   --utrecht-table-background-color: var(--epe-color-white-100);
@@ -444,12 +446,18 @@
   --utrecht-code-font-family: var(--epe-typography-monospace-font-family);
   --utrecht-code-color: var(--epe-color-black-19);
   --utrecht-code-background-color: var(--epe-color-lightgrey-96);
+  --utrecht-button-subtle-disabled-color: var(--epe-color-grey-50);
+  --utrecht-button-subtle-disabled-border-color: var(--epe-color-grey-82);
+  --utrecht-button-subtle-disabled-background-color: var(--epe-color-grey-82);
   --utrecht-button-secondary-action-focus-color: var(--epe-color-blue-31);
   --utrecht-button-secondary-action-focus-border-color: var(--epe-color-blue-31);
   --utrecht-button-secondary-action-focus-background-color: var(--epe-color-white-100);
   --utrecht-button-secondary-action-hover-color: var(--epe-color-blue-31);
   --utrecht-button-secondary-action-hover-border-color: var(--epe-color-blue-31);
   --utrecht-button-secondary-action-hover-background-color: var(--epe-color-white-100);
+  --utrecht-button-secondary-action-disabled-color: var(--epe-color-grey-50);
+  --utrecht-button-secondary-action-disabled-border-color: var(--epe-color-grey-82);
+  --utrecht-button-secondary-action-disabled-background-color: var(--epe-color-grey-82);
   --utrecht-button-secondary-action-color: var(--epe-color-blue-31);
   --utrecht-button-secondary-action-border-width: var(--epe-size-3xs);
   --utrecht-button-secondary-action-border-color: var(--epe-color-blue-31);
@@ -463,6 +471,9 @@
   --utrecht-button-primary-action-hover-color: var(--epe-color-white-100);
   --utrecht-button-primary-action-hover-border-color: var(--epe-color-blue-31);
   --utrecht-button-primary-action-hover-background-color: var(--epe-color-blue-26);
+  --utrecht-button-primary-action-disabled-color: var(--epe-color-grey-50);
+  --utrecht-button-primary-action-disabled-border-color: var(--epe-color-grey-82);
+  --utrecht-button-primary-action-disabled-background-color: var(--epe-color-grey-82);
   --utrecht-button-primary-action-color: var(--epe-color-white-100);
   --utrecht-button-primary-action-border-width: var(--epe-size-3xs);
   --utrecht-button-primary-action-border-color: var(--epe-color-blue-31);
@@ -470,6 +481,9 @@
   --utrecht-button-hover-color: var(--epe-color-white-100);
   --utrecht-button-hover-border-color: var(--epe-color-blue-31);
   --utrecht-button-hover-background-color: var(--epe-color-blue-26);
+  --utrecht-button-disabled-color: var(--epe-color-grey-50);
+  --utrecht-button-disabled-border-color: var(--epe-color-grey-82);
+  --utrecht-button-disabled-background-color: var(--epe-color-grey-82);
   --utrecht-button-icon-gap: var(--epe-size-xs);
   --utrecht-button-padding-inline-end: var(--epe-size-xs);
   --utrecht-button-padding-inline-start: var(--epe-size-xs);
@@ -561,6 +575,9 @@
   --conduction-secondary-top-nav-current-box-shadow: inset 0 -4px var(--epe-color-primary);
   --conduction-secondary-top-nav-current-color: var(--epe-color-primary);
   --conduction-secondary-top-nav-hover-color: var(--epe-color-primary);
+  --conduction-primary-top-nav-dropdown-current-mobile-box-shadow: inset 4px 0 var(--epe-color-primary);
+  --conduction-primary-top-nav-dropdown-current-box-shadow: inset 0 -4px var(--epe-color-primary);
+  --conduction-primary-top-nav-dropdown-current-color: var(--epe-color-primary);
   --conduction-primary-top-nav-current-mobile-box-shadow: inset 4px 0 var(--epe-color-primary);
   --conduction-primary-top-nav-current-box-shadow: inset 0 -4px var(--epe-color-primary);
   --conduction-primary-top-nav-current-color: var(--epe-color-primary);
@@ -580,10 +597,10 @@
   --utrecht-ordered-list-font-size: var(--utrecht-document-font-size);
   --utrecht-link-hover-color: var(--epe-color-primary-hover);
   --utrecht-link-color: var(--epe-color-primary);
-  --utrecht-table-header-cell-color: var(--utrecht-document-color);
-  --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
   --utrecht-table-font-size: var(--utrecht-document-font-size);
   --utrecht-table-font-family: var(--utrecht-document-font-family);
+  --utrecht-table-header-cell-color: var(--utrecht-document-color);
+  --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
   --utrecht-table-header-color: var(--utrecht-document-color);
   --utrecht-radio-button-focus-color: var(--epe-color-primary);
   --utrecht-radio-button-focus-border-color: var(--epe-color-primary);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 18 Dec 2023 16:13:18 GMT
+ * Generated on Tue, 19 Dec 2023 15:55:55 GMT
  */
 
 export const epeColorPrimary = "#01699d";
@@ -30,6 +30,7 @@ export const epeColorLightgrey96 = "#f5f5f5"; // Base/LightGrey
 export const epeColorGrey31 = "#4f4f4f";
 export const epeColorGrey34 = "#575757"; // Base/Grey
 export const epeColorGrey46 = "#757575";
+export const epeColorGrey50 = "#808080";
 export const epeColorGrey82 = "#d1d1d1";
 export const epeColorGrey90 = "#e6e6e6";
 export const epeColorGrey97 = "#f7f7f7";
@@ -160,6 +161,9 @@ export const utrechtButtonPaddingBlockEnd = "8px";
 export const utrechtButtonPaddingInlineStart = "8px";
 export const utrechtButtonPaddingInlineEnd = "8px";
 export const utrechtButtonIconGap = "8px";
+export const utrechtButtonDisabledBackgroundColor = "#d1d1d1";
+export const utrechtButtonDisabledBorderColor = "#d1d1d1";
+export const utrechtButtonDisabledColor = "#808080";
 export const utrechtButtonHoverBackgroundColor = "#004785";
 export const utrechtButtonHoverBorderColor = "#00549e";
 export const utrechtButtonHoverColor = "#ffffff";
@@ -168,6 +172,9 @@ export const utrechtButtonPrimaryActionBorderColor = "#00549e";
 export const utrechtButtonPrimaryActionBorderWidth = "2px";
 export const utrechtButtonPrimaryActionColor = "#ffffff";
 export const utrechtButtonPrimaryActionFontWeight = "500";
+export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#d1d1d1";
+export const utrechtButtonPrimaryActionDisabledBorderColor = "#d1d1d1";
+export const utrechtButtonPrimaryActionDisabledColor = "#808080";
 export const utrechtButtonPrimaryActionHoverBackgroundColor = "#004785";
 export const utrechtButtonPrimaryActionHoverBorderColor = "#00549e";
 export const utrechtButtonPrimaryActionHoverColor = "#ffffff";
@@ -182,12 +189,18 @@ export const utrechtButtonSecondaryActionBorderColor = "#00549e";
 export const utrechtButtonSecondaryActionBorderWidth = "2px";
 export const utrechtButtonSecondaryActionColor = "#00549e";
 export const utrechtButtonSecondaryActionFontWeight = "500";
+export const utrechtButtonSecondaryActionDisabledBackgroundColor = "#d1d1d1";
+export const utrechtButtonSecondaryActionDisabledBorderColor = "#d1d1d1";
+export const utrechtButtonSecondaryActionDisabledColor = "#808080";
 export const utrechtButtonSecondaryActionHoverBackgroundColor = "#ffffff";
 export const utrechtButtonSecondaryActionHoverBorderColor = "#00549e";
 export const utrechtButtonSecondaryActionHoverColor = "#00549e";
 export const utrechtButtonSecondaryActionFocusBackgroundColor = "#ffffff";
 export const utrechtButtonSecondaryActionFocusBorderColor = "#00549e";
 export const utrechtButtonSecondaryActionFocusColor = "#00549e";
+export const utrechtButtonSubtleDisabledBackgroundColor = "#d1d1d1";
+export const utrechtButtonSubtleDisabledBorderColor = "#d1d1d1";
+export const utrechtButtonSubtleDisabledColor = "#808080";
 export const utrechtCodeBackgroundColor = "#f5f5f5";
 export const utrechtCodeColor = "#2e2e33";
 export const utrechtCodeFontFamily = "Monospace, \"Lucida Console\"";
@@ -294,14 +307,6 @@ export const utrechtTableHeaderBorderBlockEndWidth = "5px";
 export const utrechtTableHeaderFontWeight = "700";
 export const utrechtTableHeaderColor = "#2e2e33";
 export const utrechtTableHeaderTextTransform = "unset";
-export const utrechtTableRowHoverBackgroundColor = "#fdf1ce";
-export const utrechtTableRowBorderBlockEndColor = "#2e2e33";
-export const utrechtTableRowBorderBlockEndWidth = "1px";
-export const utrechtTableCaptionFontStyle = "italic";
-export const utrechtTableFontFamily = "\"Source Sans\"";
-export const utrechtTableFontSize = "18px";
-export const utrechtTableMarginBlockEnd = 0;
-export const utrechtTableMarginBlockStart = "18px";
 export const utrechtTableHeaderCellFontSize = "18px";
 export const utrechtTableHeaderCellFontWeight = "700";
 export const utrechtTableHeaderCellColor = "#2e2e33";
@@ -310,6 +315,14 @@ export const utrechtTableCellPaddingBlockEnd = "18px";
 export const utrechtTableCellPaddingBlockStart = "18px";
 export const utrechtTableCellPaddingInlineEnd = "18px";
 export const utrechtTableCellPaddingInlineStart = "18px";
+export const utrechtTableRowHoverBackgroundColor = "#fdf1ce";
+export const utrechtTableRowBorderBlockEndColor = "#2e2e33";
+export const utrechtTableRowBorderBlockEndWidth = "1px";
+export const utrechtTableCaptionFontStyle = "italic";
+export const utrechtTableFontFamily = "\"Source Sans\"";
+export const utrechtTableFontSize = "18px";
+export const utrechtTableMarginBlockEnd = 0;
+export const utrechtTableMarginBlockStart = "18px";
 export const utrechtTextboxBackgroundColor = "#ffffff";
 export const utrechtTextboxPlaceholderColor = "#757575";
 export const utrechtTextboxFocusBackgroundColor = "#ffffff";
@@ -483,6 +496,10 @@ export const conductionPrimaryTopNavCurrentColor = "#01699d";
 export const conductionPrimaryTopNavCurrentBackgroundColor = "unset";
 export const conductionPrimaryTopNavCurrentBoxShadow = "inset 0 -4px #01699d";
 export const conductionPrimaryTopNavCurrentMobileBoxShadow = "inset 4px 0 #01699d";
+export const conductionPrimaryTopNavDropdownCurrentColor = "#01699d";
+export const conductionPrimaryTopNavDropdownCurrentBackgroundColor = "unset";
+export const conductionPrimaryTopNavDropdownCurrentBoxShadow = "inset 0 -4px #01699d";
+export const conductionPrimaryTopNavDropdownCurrentMobileBoxShadow = "inset 4px 0 #01699d";
 export const conductionPrimaryTopNavItemPadding = "18px";
 export const conductionPrimaryTopNavPaddingInlineEnd = "16px";
 export const conductionPrimaryTopNavPaddingInlineStart = "16px";