@conduction/theme 1.0.49 → 1.0.51

package/municipalities/noaberkracht-design-tokens/dist/tokens.json

@@ -312,6 +312,27 @@
             "31"
           ]
         },
+        "46": {
+          "value": "#1967d2",
+          "filePath": "src/brand/noaberkracht/color.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#1967d2"
+          },
+          "name": "noaberkrachtColorBlue46",
+          "attributes": {
+            "category": "noaberkracht",
+            "type": "color",
+            "item": "blue",
+            "subitem": "46"
+          },
+          "path": [
+            "noaberkracht",
+            "color",
+            "blue",
+            "46"
+          ]
+        },
         "59": {
           "value": "#6780c4",
           "comment": "Blue color for over 31-60t color",
@@ -4293,6 +4314,9 @@
       },
       "background-size": {},
       "background-position": {},
+      "mobile": {
+        "background-position": {}
+      },
       "background-color": {
         "value": "#f0b800",
         "filePath": "src/component/utrecht/page-footer.tokens.json",
@@ -8738,6 +8762,27 @@
           ]
         },
         "background-color": {},
+        "color": {
+          "value": "#012c9d",
+          "filePath": "src/component/conduction/select.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{noaberkracht.color.blue.31}"
+          },
+          "name": "conductionInputSelectListOptionColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-select",
+            "item": "list-option",
+            "subitem": "color"
+          },
+          "path": [
+            "conduction",
+            "input-select",
+            "list-option",
+            "color"
+          ]
+        },
         "hover": {
           "font-family": {
             "value": "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"",
@@ -8762,8 +8807,148 @@
               "font-family"
             ]
           },
-          "color": {},
-          "background-color": {}
+          "background-color": {
+            "value": "#1967d2",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noaberkracht.color.blue.46}"
+            },
+            "name": "conductionInputSelectListOptionHoverBackgroundColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-select",
+              "item": "list-option",
+              "subitem": "hover",
+              "state": "background-color"
+            },
+            "path": [
+              "conduction",
+              "input-select",
+              "list-option",
+              "hover",
+              "background-color"
+            ]
+          },
+          "color": {
+            "value": "#ffffff",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noaberkracht.color.white.100}"
+            },
+            "name": "conductionInputSelectListOptionHoverColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-select",
+              "item": "list-option",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "conduction",
+              "input-select",
+              "list-option",
+              "hover",
+              "color"
+            ]
+          }
+        },
+        "selected": {
+          "background-color": {
+            "value": "#1967d2",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noaberkracht.color.blue.46}"
+            },
+            "name": "conductionInputSelectListOptionSelectedBackgroundColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-select",
+              "item": "list-option",
+              "subitem": "selected",
+              "state": "background-color"
+            },
+            "path": [
+              "conduction",
+              "input-select",
+              "list-option",
+              "selected",
+              "background-color"
+            ]
+          },
+          "color": {
+            "value": "#ffffff",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noaberkracht.color.white.100}"
+            },
+            "name": "conductionInputSelectListOptionSelectedColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-select",
+              "item": "list-option",
+              "subitem": "selected",
+              "state": "color"
+            },
+            "path": [
+              "conduction",
+              "input-select",
+              "list-option",
+              "selected",
+              "color"
+            ]
+          }
+        },
+        "focus": {
+          "background-color": {
+            "value": "#1967d2",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noaberkracht.color.blue.46}"
+            },
+            "name": "conductionInputSelectListOptionFocusBackgroundColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-select",
+              "item": "list-option",
+              "subitem": "focus",
+              "state": "background-color"
+            },
+            "path": [
+              "conduction",
+              "input-select",
+              "list-option",
+              "focus",
+              "background-color"
+            ]
+          },
+          "color": {
+            "value": "#ffffff",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{noaberkracht.color.white.100}"
+            },
+            "name": "conductionInputSelectListOptionFocusColor",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-select",
+              "item": "list-option",
+              "subitem": "focus",
+              "state": "color"
+            },
+            "path": [
+              "conduction",
+              "input-select",
+              "list-option",
+              "focus",
+              "color"
+            ]
+          }
         }
       },
       "placeholder": {

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

@@ -43,6 +43,9 @@
           "value": "#012c9dcc",
           "comment": "Blue with 80% transparency"
         },
+        "46": {
+          "value": "#1967d2"
+        },
         "59": {
           "value": "#6780c4",
           "comment": "Blue color for over 31-60t color"

package/municipalities/noaberkracht-design-tokens/src/component/conduction/select.tokens.json

@@ -13,10 +13,19 @@
       "list-option": {
         "font-family": { "value": "{noaberkracht.typography.greycliff-cf.font-family}" },
         "background-color": {},
+        "color": { "value": "{noaberkracht.color.blue.31}" },
         "hover": {
           "font-family": { "value": "{noaberkracht.typography.greycliff-cf.font-family}" },
-          "color": {},
-          "background-color": {}
+          "background-color": { "value": "{noaberkracht.color.blue.46}" },
+          "color": { "value": "{noaberkracht.color.white.100}" }
+        },
+        "selected": {
+          "background-color": { "value": "{noaberkracht.color.blue.46}" },
+          "color": { "value": "{noaberkracht.color.white.100}" }
+        },
+        "focus": {
+          "background-color": { "value": "{noaberkracht.color.blue.46}" },
+          "color": { "value": "{noaberkracht.color.white.100}" }
         }
       },
       "placeholder": {

package/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json

@@ -7,7 +7,10 @@
         "max-width": { "value": "150px" }
       },
       "background-size": {},
-      "background-position": {}
+      "background-position": {},
+      "mobile": {
+        "background-position": {}
+      }
     }
   }
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:14:00 GMT
+ * Generated on Mon, 23 Oct 2023 11:36:35 GMT
  */
 
 .noordwijk-theme {
@@ -75,6 +75,7 @@
   --utrecht-table-border-collapse: collapse;
   --utrecht-page-header-logo-max-width: 145px;
   --utrecht-page-footer-background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NjggNTg2Ij4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxMTFhNjQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzExMWE2NCIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxMTFhNjQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYyIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMDZhM2IiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzAwNmEzYiIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDZhM2IiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZCIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmNiNTciLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI2ZmY2I1NyIgc3RvcC1vcGFjaXR5PSIuMiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmNiNTciIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZSIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1ODkyYzQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzU4OTJjNCIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1ODkyYzQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxjbGlwUGF0aCBpZD0iYSI+CiAgICAgIDxwYXRoIGQ9Ik0wIDBoNDY4djU4NkgweiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBkYXRhLW5hbWU9Ikxpam5lbiBoZWFkZXIiPgogICAgPGcgZGF0YS1uYW1lPSJDb21wb25lbnQgNDQg4oCTIDU5Ij4KICAgICAgPHBhdGggZmlsbD0idXJsKCNiKSIgZD0ibTQ1Mi44LjItMTQwLjEgNTcxaDFsMTQwLTU3MVoiIGRhdGEtbmFtZT0iUGF0aCA1NzM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMCkiLz4KICAgICAgPHBhdGggZmlsbD0idXJsKCNjKSIgZD0iTTQyNi4yIDAgMTQ1LjggNTcxLjNoMUw0MjcuMy4xWiIgZGF0YS1uYW1lPSJQYXRoIDU3MzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIvPgogICAgICA8cGF0aCBmaWxsPSJ1cmwoI2QpIiBkPSJNNDIxIDAgMTEzLjUgNTcxLjJoMS4xTDQyMi4xIDBaIiBkYXRhLW5hbWU9IlBhdGggNTczNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTApIi8+CiAgICAgIDxwYXRoIGZpbGw9InVybCgjZSkiIGQ9Ik00MDMgMCAwIDU3MS4yaDEuMkw0MDQuMiAwWiIgZGF0YS1uYW1lPSJQYXRoIDU3MzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIvPgogICAgICA8dGV4dCBmaWxsPSIjMTExYTY0IiBkYXRhLW5hbWU9Ii0iIGZvbnQtZmFtaWx5PSJSb2JvdG8tUmVndWxhciwgUm9ib3RvIiBmb250LXNpemU9IjEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTQuMSAxNjcuNikiPjx0c3BhbiB4PSIwIiB5PSIwIj4tPC90c3Bhbj48L3RleHQ+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K");
+  --utrecht-page-footer-mobile-background-position: bottom right -35px;
   --utrecht-page-footer-background-position: center right -35px;
   --utrecht-page-footer-background-size: auto;
   --utrecht-page-footer-logo-max-width: 150px;
@@ -181,8 +182,12 @@
   --conduction-table-wrapper-scroll-button-color: var(--noordwijk-color-black-0);
   --conduction-table-wrapper-scroll-button-background-color: var(--noordwijk-color-white-100);
   --conduction-input-select-placeholder-font-family: var(--noordwijk-typography-roboto-font-family);
+  --conduction-input-select-list-option-focus-color: var(--noordwijk-color-black-0);
+  --conduction-input-select-list-option-focus-background-color: var(--noordwijk-color-white-100);
+  --conduction-input-select-list-option-selected-background-color: var(--noordwijk-color-white-100);
   --conduction-input-select-list-option-hover-background-color: var(--noordwijk-color-white-100);
   --conduction-input-select-list-option-hover-font-family: var(--noordwijk-typography-roboto-font-family);
+  --conduction-input-select-list-option-color: var(--noordwijk-color-black-0);
   --conduction-input-select-list-option-background-color: var(--noordwijk-color-white-100);
   --conduction-input-select-list-option-font-family: var(--noordwijk-typography-roboto-font-family);
   --conduction-input-select-invalid-border-color: var(--noordwijk-color-error);
@@ -423,6 +428,7 @@
   --conduction-tabs-tab-selected-border-bottom-color: var(--noordwijk-color-primary);
   --conduction-tabs-tab-font-family: var(--utrecht-document-font-family);
   --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
+  --conduction-input-select-list-option-selected-color: var(--noordwijk-color-primary);
   --conduction-input-select-list-option-hover-color: var(--noordwijk-color-primary);
   --conduction-pagination-item-font-size: var(--utrecht-document-font-size);
   --conduction-secondary-top-nav-current-box-shadow: inset 0 -4px var(--noordwijk-color-primary);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:14:00 GMT
+ * Generated on Mon, 23 Oct 2023 11:36:35 GMT
  */
 
 export const noordwijkColorPrimary = "#2c2276";
@@ -208,6 +208,7 @@ export const utrechtIconGap = "8px";
 export const utrechtPageFooterLogoMaxWidth = "150px";
 export const utrechtPageFooterBackgroundSize = "auto";
 export const utrechtPageFooterBackgroundPosition = "center right -35px";
+export const utrechtPageFooterMobileBackgroundPosition = "bottom right -35px";
 export const utrechtPageFooterBackgroundColor = "#f2f7fa";
 export const utrechtPageFooterBackgroundImage = "url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NjggNTg2Ij4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxMTFhNjQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzExMWE2NCIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxMTFhNjQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYyIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMDZhM2IiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzAwNmEzYiIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDZhM2IiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZCIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmNiNTciLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI2ZmY2I1NyIgc3RvcC1vcGFjaXR5PSIuMiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmNiNTciIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZSIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1ODkyYzQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzU4OTJjNCIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1ODkyYzQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxjbGlwUGF0aCBpZD0iYSI+CiAgICAgIDxwYXRoIGQ9Ik0wIDBoNDY4djU4NkgweiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBkYXRhLW5hbWU9Ikxpam5lbiBoZWFkZXIiPgogICAgPGcgZGF0YS1uYW1lPSJDb21wb25lbnQgNDQg4oCTIDU5Ij4KICAgICAgPHBhdGggZmlsbD0idXJsKCNiKSIgZD0ibTQ1Mi44LjItMTQwLjEgNTcxaDFsMTQwLTU3MVoiIGRhdGEtbmFtZT0iUGF0aCA1NzM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMCkiLz4KICAgICAgPHBhdGggZmlsbD0idXJsKCNjKSIgZD0iTTQyNi4yIDAgMTQ1LjggNTcxLjNoMUw0MjcuMy4xWiIgZGF0YS1uYW1lPSJQYXRoIDU3MzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIvPgogICAgICA8cGF0aCBmaWxsPSJ1cmwoI2QpIiBkPSJNNDIxIDAgMTEzLjUgNTcxLjJoMS4xTDQyMi4xIDBaIiBkYXRhLW5hbWU9IlBhdGggNTczNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTApIi8+CiAgICAgIDxwYXRoIGZpbGw9InVybCgjZSkiIGQ9Ik00MDMgMCAwIDU3MS4yaDEuMkw0MDQuMiAwWiIgZGF0YS1uYW1lPSJQYXRoIDU3MzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIvPgogICAgICA8dGV4dCBmaWxsPSIjMTExYTY0IiBkYXRhLW5hbWU9Ii0iIGZvbnQtZmFtaWx5PSJSb2JvdG8tUmVndWxhciwgUm9ib3RvIiBmb250LXNpemU9IjEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTQuMSAxNjcuNikiPjx0c3BhbiB4PSIwIiB5PSIwIj4tPC90c3Bhbj48L3RleHQ+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K\")";
 export const utrechtPageFooterColor = "#000000";
@@ -412,9 +413,14 @@ export const conductionInputSelectPaddingBlockEnd = 0;
 export const conductionInputSelectPaddingBlockStart = 0;
 export const conductionInputSelectListOptionFontFamily = "\"Roboto\", Monospace, Arial, sans-serif";
 export const conductionInputSelectListOptionBackgroundColor = "#ffffff";
+export const conductionInputSelectListOptionColor = "#000000";
 export const conductionInputSelectListOptionHoverFontFamily = "\"Roboto\", Monospace, Arial, sans-serif";
-export const conductionInputSelectListOptionHoverColor = "#2c2276";
 export const conductionInputSelectListOptionHoverBackgroundColor = "#ffffff";
+export const conductionInputSelectListOptionHoverColor = "#2c2276";
+export const conductionInputSelectListOptionSelectedBackgroundColor = "#ffffff";
+export const conductionInputSelectListOptionSelectedColor = "#2c2276";
+export const conductionInputSelectListOptionFocusBackgroundColor = "#ffffff";
+export const conductionInputSelectListOptionFocusColor = "#000000";
 export const conductionInputSelectPlaceholderColor = "#757575";
 export const conductionInputSelectPlaceholderFontFamily = "\"Roboto\", Monospace, Arial, sans-serif";
 export const conductionTableWrapperScrollButtonBackgroundColor = "#ffffff";

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

@@ -391,6 +391,73 @@
       "background-color"
     ]
   },
+  {
+    "value": "#000000",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.black.0}"
+    },
+    "name": "conductionInputSelectListOptionColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.white.100}"
+    },
+    "name": "conductionInputSelectListOptionFocusBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "focus",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "focus",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#000000",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.black.0}"
+    },
+    "name": "conductionInputSelectListOptionFocusColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "focus",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "focus",
+      "color"
+    ]
+  },
   {
     "value": "\"Roboto\", Monospace, Arial, sans-serif",
     "filePath": "src/component/conduction/select.tokens.json",
@@ -481,6 +548,52 @@
       "font-family"
     ]
   },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.white.100}"
+    },
+    "name": "conductionInputSelectListOptionSelectedBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "selected",
+      "state": "background-color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "selected",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#2c2276",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.primary}"
+    },
+    "name": "conductionInputSelectListOptionSelectedColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "selected",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "selected",
+      "color"
+    ]
+  },
   {
     "value": 0,
     "filePath": "src/component/conduction/select.tokens.json",
@@ -7607,6 +7720,27 @@
       "max-width"
     ]
   },
+  {
+    "value": "bottom right -35px",
+    "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "bottom right -35px"
+    },
+    "name": "utrechtPageFooterMobileBackgroundPosition",
+    "attributes": {
+      "category": "utrecht",
+      "type": "page-footer",
+      "item": "mobile",
+      "subitem": "background-position"
+    },
+    "path": [
+      "utrecht",
+      "page-footer",
+      "mobile",
+      "background-position"
+    ]
+  },
   {
     "value": "48px",
     "filePath": "src/component/utrecht/page-footer.tokens.json",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 16 Oct 2023 07:14:00 GMT
+// Generated on Mon, 23 Oct 2023 11:36:35 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -73,6 +73,7 @@
 @utrecht-table-border-collapse: collapse;
 @utrecht-page-header-logo-max-width: 145px;
 @utrecht-page-footer-background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NjggNTg2Ij4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxMTFhNjQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzExMWE2NCIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxMTFhNjQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYyIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMDZhM2IiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzAwNmEzYiIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDZhM2IiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZCIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmNiNTciLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI2ZmY2I1NyIgc3RvcC1vcGFjaXR5PSIuMiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmNiNTciIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZSIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1ODkyYzQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzU4OTJjNCIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1ODkyYzQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxjbGlwUGF0aCBpZD0iYSI+CiAgICAgIDxwYXRoIGQ9Ik0wIDBoNDY4djU4NkgweiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBkYXRhLW5hbWU9Ikxpam5lbiBoZWFkZXIiPgogICAgPGcgZGF0YS1uYW1lPSJDb21wb25lbnQgNDQg4oCTIDU5Ij4KICAgICAgPHBhdGggZmlsbD0idXJsKCNiKSIgZD0ibTQ1Mi44LjItMTQwLjEgNTcxaDFsMTQwLTU3MVoiIGRhdGEtbmFtZT0iUGF0aCA1NzM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMCkiLz4KICAgICAgPHBhdGggZmlsbD0idXJsKCNjKSIgZD0iTTQyNi4yIDAgMTQ1LjggNTcxLjNoMUw0MjcuMy4xWiIgZGF0YS1uYW1lPSJQYXRoIDU3MzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIvPgogICAgICA8cGF0aCBmaWxsPSJ1cmwoI2QpIiBkPSJNNDIxIDAgMTEzLjUgNTcxLjJoMS4xTDQyMi4xIDBaIiBkYXRhLW5hbWU9IlBhdGggNTczNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTApIi8+CiAgICAgIDxwYXRoIGZpbGw9InVybCgjZSkiIGQ9Ik00MDMgMCAwIDU3MS4yaDEuMkw0MDQuMiAwWiIgZGF0YS1uYW1lPSJQYXRoIDU3MzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIvPgogICAgICA8dGV4dCBmaWxsPSIjMTExYTY0IiBkYXRhLW5hbWU9Ii0iIGZvbnQtZmFtaWx5PSJSb2JvdG8tUmVndWxhciwgUm9ib3RvIiBmb250LXNpemU9IjEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTQuMSAxNjcuNikiPjx0c3BhbiB4PSIwIiB5PSIwIj4tPC90c3Bhbj48L3RleHQ+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K");
+@utrecht-page-footer-mobile-background-position: bottom right -35px;
 @utrecht-page-footer-background-position: center right -35px;
 @utrecht-page-footer-background-size: auto;
 @utrecht-page-footer-logo-max-width: 150px;
@@ -179,8 +180,12 @@
 @conduction-table-wrapper-scroll-button-color: @noordwijk-color-black-0;
 @conduction-table-wrapper-scroll-button-background-color: @noordwijk-color-white-100;
 @conduction-input-select-placeholder-font-family: @noordwijk-typography-roboto-font-family;
+@conduction-input-select-list-option-focus-color: @noordwijk-color-black-0;
+@conduction-input-select-list-option-focus-background-color: @noordwijk-color-white-100;
+@conduction-input-select-list-option-selected-background-color: @noordwijk-color-white-100;
 @conduction-input-select-list-option-hover-background-color: @noordwijk-color-white-100;
 @conduction-input-select-list-option-hover-font-family: @noordwijk-typography-roboto-font-family;
+@conduction-input-select-list-option-color: @noordwijk-color-black-0;
 @conduction-input-select-list-option-background-color: @noordwijk-color-white-100;
 @conduction-input-select-list-option-font-family: @noordwijk-typography-roboto-font-family;
 @conduction-input-select-invalid-border-color: @noordwijk-color-error;
@@ -421,6 +426,7 @@
 @conduction-tabs-tab-selected-border-bottom-color: @noordwijk-color-primary;
 @conduction-tabs-tab-font-family: @utrecht-document-font-family;
 @conduction-input-select-placeholder-color: @utrecht-form-input-placeholder-color;
+@conduction-input-select-list-option-selected-color: @noordwijk-color-primary;
 @conduction-input-select-list-option-hover-color: @noordwijk-color-primary;
 @conduction-pagination-item-font-size: @utrecht-document-font-size;
 @conduction-secondary-top-nav-current-box-shadow: inset 0 -4px @noordwijk-color-primary;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 16 Oct 2023 07:14:00 GMT
+// Generated on Mon, 23 Oct 2023 11:36:35 GMT
 
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;
@@ -73,6 +73,7 @@ $utrecht-table-header-text-transform: unset;
 $utrecht-table-border-collapse: collapse;
 $utrecht-page-header-logo-max-width: 145px;
 $utrecht-page-footer-background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NjggNTg2Ij4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxMTFhNjQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzExMWE2NCIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxMTFhNjQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYyIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMDZhM2IiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzAwNmEzYiIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDZhM2IiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZCIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmNiNTciLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI2ZmY2I1NyIgc3RvcC1vcGFjaXR5PSIuMiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmNiNTciIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZSIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1ODkyYzQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzU4OTJjNCIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1ODkyYzQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxjbGlwUGF0aCBpZD0iYSI+CiAgICAgIDxwYXRoIGQ9Ik0wIDBoNDY4djU4NkgweiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBkYXRhLW5hbWU9Ikxpam5lbiBoZWFkZXIiPgogICAgPGcgZGF0YS1uYW1lPSJDb21wb25lbnQgNDQg4oCTIDU5Ij4KICAgICAgPHBhdGggZmlsbD0idXJsKCNiKSIgZD0ibTQ1Mi44LjItMTQwLjEgNTcxaDFsMTQwLTU3MVoiIGRhdGEtbmFtZT0iUGF0aCA1NzM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMCkiLz4KICAgICAgPHBhdGggZmlsbD0idXJsKCNjKSIgZD0iTTQyNi4yIDAgMTQ1LjggNTcxLjNoMUw0MjcuMy4xWiIgZGF0YS1uYW1lPSJQYXRoIDU3MzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIvPgogICAgICA8cGF0aCBmaWxsPSJ1cmwoI2QpIiBkPSJNNDIxIDAgMTEzLjUgNTcxLjJoMS4xTDQyMi4xIDBaIiBkYXRhLW5hbWU9IlBhdGggNTczNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTApIi8+CiAgICAgIDxwYXRoIGZpbGw9InVybCgjZSkiIGQ9Ik00MDMgMCAwIDU3MS4yaDEuMkw0MDQuMiAwWiIgZGF0YS1uYW1lPSJQYXRoIDU3MzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIvPgogICAgICA8dGV4dCBmaWxsPSIjMTExYTY0IiBkYXRhLW5hbWU9Ii0iIGZvbnQtZmFtaWx5PSJSb2JvdG8tUmVndWxhciwgUm9ib3RvIiBmb250LXNpemU9IjEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTQuMSAxNjcuNikiPjx0c3BhbiB4PSIwIiB5PSIwIj4tPC90c3Bhbj48L3RleHQ+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K");
+$utrecht-page-footer-mobile-background-position: bottom right -35px;
 $utrecht-page-footer-background-position: center right -35px;
 $utrecht-page-footer-background-size: auto;
 $utrecht-page-footer-logo-max-width: 150px;
@@ -179,8 +180,12 @@ $conduction-table-wrapper-scroll-button-padding-inline-start: $noordwijk-size-sm
 $conduction-table-wrapper-scroll-button-color: $noordwijk-color-black-0;
 $conduction-table-wrapper-scroll-button-background-color: $noordwijk-color-white-100;
 $conduction-input-select-placeholder-font-family: $noordwijk-typography-roboto-font-family;
+$conduction-input-select-list-option-focus-color: $noordwijk-color-black-0;
+$conduction-input-select-list-option-focus-background-color: $noordwijk-color-white-100;
+$conduction-input-select-list-option-selected-background-color: $noordwijk-color-white-100;
 $conduction-input-select-list-option-hover-background-color: $noordwijk-color-white-100;
 $conduction-input-select-list-option-hover-font-family: $noordwijk-typography-roboto-font-family;
+$conduction-input-select-list-option-color: $noordwijk-color-black-0;
 $conduction-input-select-list-option-background-color: $noordwijk-color-white-100;
 $conduction-input-select-list-option-font-family: $noordwijk-typography-roboto-font-family;
 $conduction-input-select-invalid-border-color: $noordwijk-color-error;
@@ -421,6 +426,7 @@ $conduction-tabs-tab-selected-font-family: $utrecht-document-font-family;
 $conduction-tabs-tab-selected-border-bottom-color: $noordwijk-color-primary;
 $conduction-tabs-tab-font-family: $utrecht-document-font-family;
 $conduction-input-select-placeholder-color: $utrecht-form-input-placeholder-color;
+$conduction-input-select-list-option-selected-color: $noordwijk-color-primary;
 $conduction-input-select-list-option-hover-color: $noordwijk-color-primary;
 $conduction-pagination-item-font-size: $utrecht-document-font-size;
 $conduction-secondary-top-nav-current-box-shadow: inset 0 -4px $noordwijk-color-primary;