@conduction/theme 1.0.28 → 1.0.30

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 18:02:58 GMT
+ * Generated on Thu, 24 Aug 2023 15:20:46 GMT
  */
 
 .epe-theme {
@@ -111,6 +111,9 @@
   --epe-color-warning: #ffc107;
   --epe-color-alert-error-background: #f8d7da;
   --epe-color-error: #dc3545;
+  --conduction-input-select-placeholder-font-family: var(--epe-typography-source-sans-font-family);
+  --conduction-input-select-list-option-hover-font-family: var(--epe-typography-source-sans-font-family);
+  --conduction-input-select-list-option-font-family: var(--epe-typography-source-sans-font-family);
   --conduction-input-select-invalid-border-color: var(--epe-color-error);
   --conduction-input-select-border: var(--epe-size-4xs) solid var(--epe-color-lightgrey-41);
   --conduction-input-select-background-color: var(--epe-color-white-100);
@@ -120,10 +123,9 @@
   --conduction-card-wrapper-padding-inline-end: var(--epe-size-md);
   --conduction-card-wrapper-hover-background-color: var(--epe-color-yellow-90);
   --conduction-card-wrapper-background-color: var(--epe-color-white-100);
-  --conduction-card-header-date-margin-block-end: var(--epe-color-blue-31);
-  --conduction-card-header-date-font-weight: var(--epe-color-blue-31);
-  --conduction-card-header-date-font-size: var(--epe-color-blue-31);
-  --conduction-card-header-date-color: var(--epe-color-blue-31);
+  --conduction-card-header-date-margin-block-end: var(--epe-size-xs);
+  --conduction-card-header-date-font-weight: var(--epe-typography-font-weight-light);
+  --conduction-card-header-date-font-size: var(--epe-font-size-sm);
   --conduction-card-header-title-color: var(--epe-color-blue-31);
   --conduction-card-header-hover-border-bottom-color: var(--epe-color-blue-31);
   --conduction-card-header-hover-border-bottom-width: var(--epe-size-4xs);
@@ -309,8 +311,10 @@
   --epe-color-alert-error: var(--epe-color-black-19);
   --epe-color-primary-hover: var(--epe-color-light-blue-21);
   --epe-color-primary: var(--epe-color-light-blue-31);
+  --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-card-wrapper-color: var(--utrecht-document-color);
+  --conduction-card-header-date-color: var(--utrecht-document-color);
   --conduction-card-header-color: var(--utrecht-document-color);
   --utrecht-paragraph-color: var(--utrecht-document-color);
   --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 18:02:58 GMT
+ * Generated on Thu, 24 Aug 2023 15:20:46 GMT
  */
 
 export const epeColorPrimary = "#01699d";
@@ -310,10 +310,10 @@ export const conductionCardHeaderHoverBorderBottomWidth = "1px";
 export const conductionCardHeaderHoverBorderBottomStyle = "solid";
 export const conductionCardHeaderHoverBorderBottomColor = "#00549e";
 export const conductionCardHeaderTitleColor = "#00549e";
-export const conductionCardHeaderDateColor = "#00549e";
-export const conductionCardHeaderDateFontSize = "#00549e";
-export const conductionCardHeaderDateFontWeight = "#00549e";
-export const conductionCardHeaderDateMarginBlockEnd = "#00549e";
+export const conductionCardHeaderDateColor = "#2e2e33";
+export const conductionCardHeaderDateFontSize = "14px";
+export const conductionCardHeaderDateFontWeight = "100";
+export const conductionCardHeaderDateMarginBlockEnd = "8px";
 export const conductionCardWrapperBackgroundColor = "#ffffff";
 export const conductionCardWrapperBorderRadius = "0px";
 export const conductionCardWrapperColor = "#2e2e33";
@@ -329,3 +329,7 @@ export const conductionInputSelectBorderRadius = "4px";
 export const conductionInputSelectInvalidBorderColor = "#dc3545";
 export const conductionInputSelectPaddingBlockEnd = 0;
 export const conductionInputSelectPaddingBlockStart = 0;
+export const conductionInputSelectListOptionFontFamily = "\"Source Sans\"";
+export const conductionInputSelectListOptionHoverFontFamily = "\"Source Sans\"";
+export const conductionInputSelectPlaceholderColor = "#757575";
+export const conductionInputSelectPlaceholderFontFamily = "\"Source Sans\"";

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

@@ -76,11 +76,11 @@
     ]
   },
   {
-    "value": "#00549e",
+    "value": "#2e2e33",
     "filePath": "src/component/conduction/card-header.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{epe.color.blue.31}"
+      "value": "{utrecht.document.color}"
     },
     "name": "conductionCardHeaderDateColor",
     "attributes": {
@@ -97,11 +97,11 @@
     ]
   },
   {
-    "value": "#00549e",
+    "value": "14px",
     "filePath": "src/component/conduction/card-header.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{epe.color.blue.31}"
+      "value": "{epe.font-size.sm}"
     },
     "name": "conductionCardHeaderDateFontSize",
     "attributes": {
@@ -118,11 +118,11 @@
     ]
   },
   {
-    "value": "#00549e",
+    "value": "100",
     "filePath": "src/component/conduction/card-header.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{epe.color.blue.31}"
+      "value": "{epe.typography.font-weight.light}"
     },
     "name": "conductionCardHeaderDateFontWeight",
     "attributes": {
@@ -139,11 +139,11 @@
     ]
   },
   {
-    "value": "#00549e",
+    "value": "8px",
     "filePath": "src/component/conduction/card-header.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{epe.color.blue.31}"
+      "value": "{epe.size.xs}"
     },
     "name": "conductionCardHeaderDateMarginBlockEnd",
     "attributes": {
@@ -492,6 +492,50 @@
       "invalid-border-color"
     ]
   },
+  {
+    "value": "\"Source Sans\"",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.typography.source-sans.font-family}"
+    },
+    "name": "conductionInputSelectListOptionFontFamily",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "font-family"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "font-family"
+    ]
+  },
+  {
+    "value": "\"Source Sans\"",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.typography.source-sans.font-family}"
+    },
+    "name": "conductionInputSelectListOptionHoverFontFamily",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "hover",
+      "state": "font-family"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "hover",
+      "font-family"
+    ]
+  },
   {
     "value": 0,
     "filePath": "src/component/conduction/select.tokens.json",
@@ -530,6 +574,48 @@
       "padding-block-start"
     ]
   },
+  {
+    "value": "#757575",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.form-input.placeholder.color}"
+    },
+    "name": "conductionInputSelectPlaceholderColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "placeholder",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "placeholder",
+      "color"
+    ]
+  },
+  {
+    "value": "\"Source Sans\"",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.typography.source-sans.font-family}"
+    },
+    "name": "conductionInputSelectPlaceholderFontFamily",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "placeholder",
+      "subitem": "font-family"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "placeholder",
+      "font-family"
+    ]
+  },
   {
     "value": "#2e2e33",
     "filePath": "src/brand/epe/color.tokens.json",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 23 Aug 2023 18:02:59 GMT
+// Generated on Thu, 24 Aug 2023 15:20:46 GMT
 
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;
@@ -109,6 +109,9 @@
 @epe-color-warning: #ffc107;
 @epe-color-alert-error-background: #f8d7da;
 @epe-color-error: #dc3545;
+@conduction-input-select-placeholder-font-family: @epe-typography-source-sans-font-family;
+@conduction-input-select-list-option-hover-font-family: @epe-typography-source-sans-font-family;
+@conduction-input-select-list-option-font-family: @epe-typography-source-sans-font-family;
 @conduction-input-select-invalid-border-color: @epe-color-error;
 @conduction-input-select-border: @epe-size-4xs solid @epe-color-lightgrey-41;
 @conduction-input-select-background-color: @epe-color-white-100;
@@ -118,10 +121,9 @@
 @conduction-card-wrapper-padding-inline-end: @epe-size-md;
 @conduction-card-wrapper-hover-background-color: @epe-color-yellow-90;
 @conduction-card-wrapper-background-color: @epe-color-white-100;
-@conduction-card-header-date-margin-block-end: @epe-color-blue-31;
-@conduction-card-header-date-font-weight: @epe-color-blue-31;
-@conduction-card-header-date-font-size: @epe-color-blue-31;
-@conduction-card-header-date-color: @epe-color-blue-31;
+@conduction-card-header-date-margin-block-end: @epe-size-xs;
+@conduction-card-header-date-font-weight: @epe-typography-font-weight-light;
+@conduction-card-header-date-font-size: @epe-font-size-sm;
 @conduction-card-header-title-color: @epe-color-blue-31;
 @conduction-card-header-hover-border-bottom-color: @epe-color-blue-31;
 @conduction-card-header-hover-border-bottom-width: @epe-size-4xs;
@@ -307,8 +309,10 @@
 @epe-color-alert-error: @epe-color-black-19;
 @epe-color-primary-hover: @epe-color-light-blue-21;
 @epe-color-primary: @epe-color-light-blue-31;
+@conduction-input-select-placeholder-color: @utrecht-form-input-placeholder-color;
 @conduction-input-select-border-radius: @utrecht-form-input-border-radius;
 @conduction-card-wrapper-color: @utrecht-document-color;
+@conduction-card-header-date-color: @utrecht-document-color;
 @conduction-card-header-color: @utrecht-document-color;
 @utrecht-paragraph-color: @utrecht-document-color;
 @utrecht-unordered-list-font-size: @utrecht-document-font-size;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 23 Aug 2023 18:02:58 GMT
+// Generated on Thu, 24 Aug 2023 15:20:46 GMT
 
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;
@@ -109,6 +109,9 @@ $epe-color-alert-warning-background: #fff3cd;
 $epe-color-warning: #ffc107;
 $epe-color-alert-error-background: #f8d7da;
 $epe-color-error: #dc3545;
+$conduction-input-select-placeholder-font-family: $epe-typography-source-sans-font-family;
+$conduction-input-select-list-option-hover-font-family: $epe-typography-source-sans-font-family;
+$conduction-input-select-list-option-font-family: $epe-typography-source-sans-font-family;
 $conduction-input-select-invalid-border-color: $epe-color-error;
 $conduction-input-select-border: $epe-size-4xs solid $epe-color-lightgrey-41;
 $conduction-input-select-background-color: $epe-color-white-100;
@@ -118,10 +121,9 @@ $conduction-card-wrapper-padding-inline-start: $epe-size-md;
 $conduction-card-wrapper-padding-inline-end: $epe-size-md;
 $conduction-card-wrapper-hover-background-color: $epe-color-yellow-90;
 $conduction-card-wrapper-background-color: $epe-color-white-100;
-$conduction-card-header-date-margin-block-end: $epe-color-blue-31;
-$conduction-card-header-date-font-weight: $epe-color-blue-31;
-$conduction-card-header-date-font-size: $epe-color-blue-31;
-$conduction-card-header-date-color: $epe-color-blue-31;
+$conduction-card-header-date-margin-block-end: $epe-size-xs;
+$conduction-card-header-date-font-weight: $epe-typography-font-weight-light;
+$conduction-card-header-date-font-size: $epe-font-size-sm;
 $conduction-card-header-title-color: $epe-color-blue-31;
 $conduction-card-header-hover-border-bottom-color: $epe-color-blue-31;
 $conduction-card-header-hover-border-bottom-width: $epe-size-4xs;
@@ -307,8 +309,10 @@ $epe-color-alert-warning: $epe-color-black-19;
 $epe-color-alert-error: $epe-color-black-19;
 $epe-color-primary-hover: $epe-color-light-blue-21;
 $epe-color-primary: $epe-color-light-blue-31;
+$conduction-input-select-placeholder-color: $utrecht-form-input-placeholder-color;
 $conduction-input-select-border-radius: $utrecht-form-input-border-radius;
 $conduction-card-wrapper-color: $utrecht-document-color;
+$conduction-card-header-date-color: $utrecht-document-color;
 $conduction-card-header-color: $utrecht-document-color;
 $utrecht-paragraph-color: $utrecht-document-color;
 $utrecht-unordered-list-font-size: $utrecht-document-font-size;

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

@@ -6552,11 +6552,11 @@
       },
       "date": {
         "color": {
-          "value": "#00549e",
+          "value": "#2e2e33",
           "filePath": "src/component/conduction/card-header.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{epe.color.blue.31}"
+            "value": "{utrecht.document.color}"
           },
           "name": "conductionCardHeaderDateColor",
           "attributes": {
@@ -6573,11 +6573,11 @@
           ]
         },
         "font-size": {
-          "value": "#00549e",
+          "value": "14px",
           "filePath": "src/component/conduction/card-header.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{epe.color.blue.31}"
+            "value": "{epe.font-size.sm}"
           },
           "name": "conductionCardHeaderDateFontSize",
           "attributes": {
@@ -6594,11 +6594,11 @@
           ]
         },
         "font-weight": {
-          "value": "#00549e",
+          "value": "100",
           "filePath": "src/component/conduction/card-header.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{epe.color.blue.31}"
+            "value": "{epe.typography.font-weight.light}"
           },
           "name": "conductionCardHeaderDateFontWeight",
           "attributes": {
@@ -6615,11 +6615,11 @@
           ]
         },
         "margin-block-end": {
-          "value": "#00549e",
+          "value": "8px",
           "filePath": "src/component/conduction/card-header.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{epe.color.blue.31}"
+            "value": "{epe.size.xs}"
           },
           "name": "conductionCardHeaderDateMarginBlockEnd",
           "attributes": {
@@ -6933,7 +6933,102 @@
         ]
       },
       "hover": {},
-      "focus": {}
+      "focus": {},
+      "list-option": {
+        "font-family": {
+          "value": "\"Source Sans\"",
+          "filePath": "src/component/conduction/select.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{epe.typography.source-sans.font-family}"
+          },
+          "name": "conductionInputSelectListOptionFontFamily",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-select",
+            "item": "list-option",
+            "subitem": "font-family"
+          },
+          "path": [
+            "conduction",
+            "input-select",
+            "list-option",
+            "font-family"
+          ]
+        },
+        "background-color": {},
+        "hover": {
+          "font-family": {
+            "value": "\"Source Sans\"",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{epe.typography.source-sans.font-family}"
+            },
+            "name": "conductionInputSelectListOptionHoverFontFamily",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-select",
+              "item": "list-option",
+              "subitem": "hover",
+              "state": "font-family"
+            },
+            "path": [
+              "conduction",
+              "input-select",
+              "list-option",
+              "hover",
+              "font-family"
+            ]
+          },
+          "color": {},
+          "background-color": {}
+        }
+      },
+      "placeholder": {
+        "color": {
+          "value": "#757575",
+          "filePath": "src/component/conduction/select.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.form-input.placeholder.color}"
+          },
+          "name": "conductionInputSelectPlaceholderColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-select",
+            "item": "placeholder",
+            "subitem": "color"
+          },
+          "path": [
+            "conduction",
+            "input-select",
+            "placeholder",
+            "color"
+          ]
+        },
+        "font-family": {
+          "value": "\"Source Sans\"",
+          "filePath": "src/component/conduction/select.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{epe.typography.source-sans.font-family}"
+          },
+          "name": "conductionInputSelectPlaceholderFontFamily",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-select",
+            "item": "placeholder",
+            "subitem": "font-family"
+          },
+          "path": [
+            "conduction",
+            "input-select",
+            "placeholder",
+            "font-family"
+          ]
+        }
+      }
     }
   }
 }

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

@@ -16,10 +16,10 @@
         "color": { "value": "{epe.color.blue.31}" }
       },
       "date": {
-        "color": { "value": "{epe.color.blue.31}" },
-        "font-size": { "value": "{epe.color.blue.31}" },
-        "font-weight": { "value": "{epe.color.blue.31}" },
-        "margin-block-end": { "value": "{epe.color.blue.31}" }
+        "color": { "value": "{utrecht.document.color}" },
+        "font-size": { "value": "{epe.font-size.sm}" },
+        "font-weight": { "value": "{epe.typography.font-weight.light}" },
+        "margin-block-end": { "value": "{epe.size.xs}" }
       }
     }
   }

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

@@ -9,7 +9,22 @@
       "padding-block-end": { "value": 0 },
       "padding-block-start": { "value": 0 },
       "hover": {},
-      "focus": {}
+      "focus": {},
+      "list-option": {
+        "font-family": { "value": "{epe.typography.source-sans.font-family}" },
+        "background-color": {},
+        "hover": {
+          "font-family": { "value": "{epe.typography.source-sans.font-family}" },
+          "color": {},
+          "background-color": {}
+        }
+      },
+      "placeholder": {
+        "color": {
+          "value": "{utrecht.form-input.placeholder.color}"
+        },
+        "font-family": { "value": "{epe.typography.source-sans.font-family}" }
+      }
     }
   }
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 18:02:12 GMT
+ * Generated on Thu, 24 Aug 2023 15:20:06 GMT
  */
 
 .leiden-theme {
@@ -88,6 +88,9 @@
   --leiden-color-error: #d62410;
   --leiden-color-primary-hover: #b81f0e;
   --leiden-color-primary: #d62410;
+  --conduction-input-select-placeholder-font-family: var(--leiden-typography-sans-serif-font-family);
+  --conduction-input-select-list-option-hover-font-family: var(--leiden-typography-sans-serif-font-family);
+  --conduction-input-select-list-option-font-family: var(--leiden-typography-sans-serif-font-family);
   --conduction-input-select-invalid-border-color: var(--leiden-color-error);
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-input-select-background-color: var(--leiden-color-white-100);
@@ -283,6 +286,7 @@
   --leiden-typography-scale-3xs: var(--leiden-font-size-3xs);
   --leiden-typography-scale-4xs: var(--leiden-font-size-4xs);
   --leiden-color-info: var(--leiden-color-primary);
+  --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
   --conduction-input-select-border: 1px solid var(--utrecht-form-input-border-color);
   --conduction-card-wrapper-color: var(--utrecht-document-color);
   --conduction-card-header-color: var(--utrecht-document-color);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 18:02:12 GMT
+ * Generated on Thu, 24 Aug 2023 15:20:06 GMT
  */
 
 export const leidenColorPrimary = "#d62410";
@@ -293,3 +293,7 @@ export const conductionInputSelectBorderRadius = "0px";
 export const conductionInputSelectInvalidBorderColor = "#d62410";
 export const conductionInputSelectPaddingBlockEnd = 0;
 export const conductionInputSelectPaddingBlockStart = 0;
+export const conductionInputSelectListOptionFontFamily = "\"Open Sans\", Arial, sans-serif";
+export const conductionInputSelectListOptionHoverFontFamily = "\"Open Sans\", Arial, sans-serif";
+export const conductionInputSelectPlaceholderColor = "#2c3e50";
+export const conductionInputSelectPlaceholderFontFamily = "\"Open Sans\", Arial, sans-serif";

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

@@ -370,6 +370,50 @@
       "invalid-border-color"
     ]
   },
+  {
+    "value": "\"Open Sans\", Arial, sans-serif",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.typography.sans-serif.font-family}"
+    },
+    "name": "conductionInputSelectListOptionFontFamily",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "font-family"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "font-family"
+    ]
+  },
+  {
+    "value": "\"Open Sans\", Arial, sans-serif",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.typography.sans-serif.font-family}"
+    },
+    "name": "conductionInputSelectListOptionHoverFontFamily",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "list-option",
+      "subitem": "hover",
+      "state": "font-family"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "list-option",
+      "hover",
+      "font-family"
+    ]
+  },
   {
     "value": 0,
     "filePath": "src/component/conduction/select.tokens.json",
@@ -408,6 +452,48 @@
       "padding-block-start"
     ]
   },
+  {
+    "value": "#2c3e50",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.form-input.placeholder.color}"
+    },
+    "name": "conductionInputSelectPlaceholderColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "placeholder",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "placeholder",
+      "color"
+    ]
+  },
+  {
+    "value": "\"Open Sans\", Arial, sans-serif",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.typography.sans-serif.font-family}"
+    },
+    "name": "conductionInputSelectPlaceholderFontFamily",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "placeholder",
+      "subitem": "font-family"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "placeholder",
+      "font-family"
+    ]
+  },
   {
     "value": "#721c24",
     "filePath": "src/brand/leiden/color.tokens.json",