npm - @conduction/theme - Versions diffs - 1.0.49 → 1.0.50 - Mend

@conduction/theme 1.0.49 → 1.0.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/municipalities/noaberkracht-design-tokens/dist/design-tokens.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:14:07 GMT
+ * Generated on Tue, 17 Oct 2023 12:25:49 GMT
  */
 .noaberkracht-theme {
@@ -126,6 +126,7 @@
   --noaberkracht-color-blue-31-10t: #012c9d1a; /* Blue with 10% transparency */
   --noaberkracht-color-blue-93: #e5e9f5;
   --noaberkracht-color-blue-59: #6780c4; /* Blue color for over 31-60t color */
+  --noaberkracht-color-blue-46: #1967d2;
   --noaberkracht-color-blue-31: #012c9d;
   --noaberkracht-color-blue-22: #003790; /* Base/Blue from Huisstijlhandboek, base color of website is #012c9d */
   --noaberkracht-color-alert-info-background: #cce5ff;
@@ -171,7 +172,14 @@
   --conduction-table-wrapper-scroll-button-padding-inline-start: var(--noaberkracht-size-sm);
   --conduction-table-wrapper-scroll-button-background-color: var(--noaberkracht-color-white-100);
   --conduction-input-select-placeholder-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
+  --conduction-input-select-list-option-focus-color: var(--noaberkracht-color-white-100);
+  --conduction-input-select-list-option-focus-background-color: var(--noaberkracht-color-blue-46);
+  --conduction-input-select-list-option-selected-color: var(--noaberkracht-color-white-100);
+  --conduction-input-select-list-option-selected-background-color: var(--noaberkracht-color-blue-46);
+  --conduction-input-select-list-option-hover-color: var(--noaberkracht-color-white-100);
+  --conduction-input-select-list-option-hover-background-color: var(--noaberkracht-color-blue-46);
   --conduction-input-select-list-option-hover-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
+  --conduction-input-select-list-option-color: var(--noaberkracht-color-blue-31);
   --conduction-input-select-list-option-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
   --conduction-input-select-invalid-border-color: var(--noaberkracht-color-error);
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);

package/municipalities/noaberkracht-design-tokens/dist/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:14:07 GMT
+ * Generated on Tue, 17 Oct 2023 12:25:49 GMT
  */
 export const noaberkrachtColorPrimary = "#4376fc";
@@ -19,6 +19,7 @@ export const noaberkrachtColorAlertInfo = "#004085";
 export const noaberkrachtColorAlertInfoBackground = "#cce5ff";
 export const noaberkrachtColorBlue22 = "#003790"; // Base/Blue from Huisstijlhandboek, base color of website is #012c9d
 export const noaberkrachtColorBlue31 = "#012c9d";
+export const noaberkrachtColorBlue46 = "#1967d2";
 export const noaberkrachtColorBlue59 = "#6780c4"; // Blue color for over 31-60t color
 export const noaberkrachtColorBlue93 = "#e5e9f5";
 export const noaberkrachtColorBlue3110t = "#012c9d1a"; // Blue with 10% transparency
@@ -408,7 +409,14 @@ export const conductionInputSelectInvalidBorderColor = "#dc3545";
 export const conductionInputSelectPaddingBlockEnd = 0;
 export const conductionInputSelectPaddingBlockStart = 0;
 export const conductionInputSelectListOptionFontFamily = "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\"";
+export const conductionInputSelectListOptionColor = "#012c9d";
 export const conductionInputSelectListOptionHoverFontFamily = "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\"";
+export const conductionInputSelectListOptionHoverBackgroundColor = "#1967d2";
+export const conductionInputSelectListOptionHoverColor = "#ffffff";
+export const conductionInputSelectListOptionSelectedBackgroundColor = "#1967d2";
+export const conductionInputSelectListOptionSelectedColor = "#ffffff";
+export const conductionInputSelectListOptionFocusBackgroundColor = "#1967d2";
+export const conductionInputSelectListOptionFocusColor = "#ffffff";
 export const conductionInputSelectPlaceholderColor = "#003790";
 export const conductionInputSelectPlaceholderFontFamily = "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\"";
 export const conductionTableWrapperScrollButtonBackgroundColor = "#ffffff";

package/municipalities/noaberkracht-design-tokens/dist/index.json CHANGED Viewed

@@ -408,6 +408,73 @@
       "invalid-border-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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
   {
     "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\"",
     "filePath": "src/component/conduction/select.tokens.json",
@@ -429,6 +496,52 @@
       "font-family"
     ]
   },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
   {
     "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\"",
     "filePath": "src/component/conduction/select.tokens.json",
@@ -452,6 +565,52 @@
       "font-family"
     ]
   },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
   {
     "value": 0,
     "filePath": "src/component/conduction/select.tokens.json",
@@ -3253,6 +3412,27 @@
       "31-80t"
     ]
   },
+  {
+    "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"
+    ]
+  },
   {
     "value": "#6780c4",
     "comment": "Blue color for over 31-60t color",

package/municipalities/noaberkracht-design-tokens/dist/index.less CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 16 Oct 2023 07:14:07 GMT
+// Generated on Tue, 17 Oct 2023 12:25:49 GMT
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -124,6 +124,7 @@
 @noaberkracht-color-blue-31-10t: #012c9d1a; // Blue with 10% transparency
 @noaberkracht-color-blue-93: #e5e9f5;
 @noaberkracht-color-blue-59: #6780c4; // Blue color for over 31-60t color
+@noaberkracht-color-blue-46: #1967d2;
 @noaberkracht-color-blue-31: #012c9d;
 @noaberkracht-color-blue-22: #003790; // Base/Blue from Huisstijlhandboek, base color of website is #012c9d
 @noaberkracht-color-alert-info-background: #cce5ff;
@@ -169,7 +170,14 @@
 @conduction-table-wrapper-scroll-button-padding-inline-start: @noaberkracht-size-sm;
 @conduction-table-wrapper-scroll-button-background-color: @noaberkracht-color-white-100;
 @conduction-input-select-placeholder-font-family: @noaberkracht-typography-greycliff-cf-font-family;
+@conduction-input-select-list-option-focus-color: @noaberkracht-color-white-100;
+@conduction-input-select-list-option-focus-background-color: @noaberkracht-color-blue-46;
+@conduction-input-select-list-option-selected-color: @noaberkracht-color-white-100;
+@conduction-input-select-list-option-selected-background-color: @noaberkracht-color-blue-46;
+@conduction-input-select-list-option-hover-color: @noaberkracht-color-white-100;
+@conduction-input-select-list-option-hover-background-color: @noaberkracht-color-blue-46;
 @conduction-input-select-list-option-hover-font-family: @noaberkracht-typography-greycliff-cf-font-family;
+@conduction-input-select-list-option-color: @noaberkracht-color-blue-31;
 @conduction-input-select-list-option-font-family: @noaberkracht-typography-greycliff-cf-font-family;
 @conduction-input-select-invalid-border-color: @noaberkracht-color-error;
 @conduction-input-select-border-radius: @utrecht-form-input-border-radius;

package/municipalities/noaberkracht-design-tokens/dist/index.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 16 Oct 2023 07:14:07 GMT
+// Generated on Tue, 17 Oct 2023 12:25:49 GMT
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;
@@ -124,6 +124,7 @@ $noaberkracht-color-blue-31-50t: #012c9d80; // Blue with 50% transparency
 $noaberkracht-color-blue-31-10t: #012c9d1a; // Blue with 10% transparency
 $noaberkracht-color-blue-93: #e5e9f5;
 $noaberkracht-color-blue-59: #6780c4; // Blue color for over 31-60t color
+$noaberkracht-color-blue-46: #1967d2;
 $noaberkracht-color-blue-31: #012c9d;
 $noaberkracht-color-blue-22: #003790; // Base/Blue from Huisstijlhandboek, base color of website is #012c9d
 $noaberkracht-color-alert-info-background: #cce5ff;
@@ -169,7 +170,14 @@ $conduction-table-wrapper-scroll-button-padding-inline-end: $noaberkracht-size-s
 $conduction-table-wrapper-scroll-button-padding-inline-start: $noaberkracht-size-sm;
 $conduction-table-wrapper-scroll-button-background-color: $noaberkracht-color-white-100;
 $conduction-input-select-placeholder-font-family: $noaberkracht-typography-greycliff-cf-font-family;
+$conduction-input-select-list-option-focus-color: $noaberkracht-color-white-100;
+$conduction-input-select-list-option-focus-background-color: $noaberkracht-color-blue-46;
+$conduction-input-select-list-option-selected-color: $noaberkracht-color-white-100;
+$conduction-input-select-list-option-selected-background-color: $noaberkracht-color-blue-46;
+$conduction-input-select-list-option-hover-color: $noaberkracht-color-white-100;
+$conduction-input-select-list-option-hover-background-color: $noaberkracht-color-blue-46;
 $conduction-input-select-list-option-hover-font-family: $noaberkracht-typography-greycliff-cf-font-family;
+$conduction-input-select-list-option-color: $noaberkracht-color-blue-31;
 $conduction-input-select-list-option-font-family: $noaberkracht-typography-greycliff-cf-font-family;
 $conduction-input-select-invalid-border-color: $noaberkracht-color-error;
 $conduction-input-select-border-radius: $utrecht-form-input-border-radius;

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

@@ -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",
@@ -8738,6 +8759,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 +8804,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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/noordwijk-design-tokens/dist/design-tokens.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:14:00 GMT
+ * Generated on Tue, 17 Oct 2023 12:25:36 GMT
  */
 .noordwijk-theme {
@@ -181,8 +181,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 +427,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 CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 07:14:00 GMT
+ * Generated on Tue, 17 Oct 2023 12:25:36 GMT
  */
 export const noordwijkColorPrimary = "#2c2276";
@@ -412,9 +412,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";