@conduction/theme 1.0.28 → 1.0.30

package/README.md

@@ -6,6 +6,11 @@ Conduction's design tokens theme
 
 - **Version 1**
 
+  - 1.0.30: Added Noaberkracht theme.
+  - 1.0.29: 
+    - Added extra select tokens to all themes.
+    - Updated table tokens in noordwijk theme.
+    - Updated card-header tokens in epe theme.
   - 1.0.28: Fixed conduction-card-header tokens for epe theme.
   - 1.0.27:
     - Added conduction-card-header tokens in all themes.

package/conduction-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 18:02:01 GMT
+ * Generated on Thu, 24 Aug 2023 15:19:54 GMT
  */
 
 .conduction-theme {
@@ -266,6 +266,9 @@
   --utrecht-space-block-xs: var(--conduction-size-xs);
   --utrecht-space-block-2xs: var(--conduction-size-2xs);
   --utrecht-space-block-3xs: var(--conduction-size-3xs);
+  --conduction-input-select-placeholder-font-family: var(--conduction-typography-sans-serif-font-family);
+  --conduction-input-select-list-option-hover-font-family: var(--conduction-typography-sans-serif-font-family);
+  --conduction-input-select-list-option-font-family: var(--conduction-typography-sans-serif-font-family);
   --conduction-input-select-invalid-border-color: var(--conduction-color-error);
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-input-select-border: var(--conduction-size-4xs) solid var(--conduction-color-grey-48);
@@ -302,5 +305,6 @@
   --utrecht-table-font-size: var(--utrecht-document-font-size);
   --utrecht-table-font-family: var(--utrecht-document-font-family);
   --utrecht-table-header-color: var(--utrecht-document-color);
+  --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
   --conduction-card-header-color: var(--utrecht-document-color);
 }

package/conduction-design-tokens/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 18:02:01 GMT
+ * Generated on Thu, 24 Aug 2023 15:19:54 GMT
  */
 
 export const conductionColorPrimary = "#4376fc";
@@ -85,6 +85,10 @@ export const conductionInputSelectBorderRadius = "3px";
 export const conductionInputSelectInvalidBorderColor = "#dc3545";
 export const conductionInputSelectPaddingBlockEnd = 0;
 export const conductionInputSelectPaddingBlockStart = 0;
+export const conductionInputSelectListOptionFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const conductionInputSelectListOptionHoverFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const conductionInputSelectPlaceholderColor = "#808080";
+export const conductionInputSelectPlaceholderFontFamily = "\"Noto Sans\", Arial, sans-serif";
 export const utrechtActionBusyCursor = "wait";
 export const utrechtActionDisabledCursor = "not-allowed";
 export const utrechtActionSubmitCursor = "pointer";

package/conduction-design-tokens/dist/index.json

@@ -1023,6 +1023,50 @@
       "invalid-border-color"
     ]
   },
+  {
+    "value": "\"Noto Sans\", Arial, sans-serif",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.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": "\"Noto Sans\", Arial, sans-serif",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.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",
@@ -1061,6 +1105,48 @@
       "padding-block-start"
     ]
   },
+  {
+    "value": "#808080",
+    "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": "\"Noto Sans\", Arial, sans-serif",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.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": "48px",
     "filePath": "src/brand/conduction/size.tokens.json",

package/conduction-design-tokens/dist/index.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 23 Aug 2023 18:02:01 GMT
+// Generated on Thu, 24 Aug 2023 15:19:54 GMT
 
 @utrecht-paragraph-margin-block-end: 0;
 @utrecht-paragraph-margin-block-start: 0;
@@ -264,6 +264,9 @@
 @utrecht-space-block-xs: @conduction-size-xs;
 @utrecht-space-block-2xs: @conduction-size-2xs;
 @utrecht-space-block-3xs: @conduction-size-3xs;
+@conduction-input-select-placeholder-font-family: @conduction-typography-sans-serif-font-family;
+@conduction-input-select-list-option-hover-font-family: @conduction-typography-sans-serif-font-family;
+@conduction-input-select-list-option-font-family: @conduction-typography-sans-serif-font-family;
 @conduction-input-select-invalid-border-color: @conduction-color-error;
 @conduction-input-select-border-radius: @utrecht-form-input-border-radius;
 @conduction-input-select-border: @conduction-size-4xs solid @conduction-color-grey-48;
@@ -300,4 +303,5 @@
 @utrecht-table-font-size: @utrecht-document-font-size;
 @utrecht-table-font-family: @utrecht-document-font-family;
 @utrecht-table-header-color: @utrecht-document-color;
+@conduction-input-select-placeholder-color: @utrecht-form-input-placeholder-color;
 @conduction-card-header-color: @utrecht-document-color;

package/conduction-design-tokens/dist/index.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 23 Aug 2023 18:02:01 GMT
+// Generated on Thu, 24 Aug 2023 15:19:54 GMT
 
 $utrecht-paragraph-margin-block-end: 0;
 $utrecht-paragraph-margin-block-start: 0;
@@ -264,6 +264,9 @@ $utrecht-space-block-sm: $conduction-size-sm;
 $utrecht-space-block-xs: $conduction-size-xs;
 $utrecht-space-block-2xs: $conduction-size-2xs;
 $utrecht-space-block-3xs: $conduction-size-3xs;
+$conduction-input-select-placeholder-font-family: $conduction-typography-sans-serif-font-family;
+$conduction-input-select-list-option-hover-font-family: $conduction-typography-sans-serif-font-family;
+$conduction-input-select-list-option-font-family: $conduction-typography-sans-serif-font-family;
 $conduction-input-select-invalid-border-color: $conduction-color-error;
 $conduction-input-select-border-radius: $utrecht-form-input-border-radius;
 $conduction-input-select-border: $conduction-size-4xs solid $conduction-color-grey-48;
@@ -300,4 +303,5 @@ $utrecht-table-header-cell-font-size: $utrecht-document-font-size;
 $utrecht-table-font-size: $utrecht-document-font-size;
 $utrecht-table-font-family: $utrecht-document-font-family;
 $utrecht-table-header-color: $utrecht-document-color;
+$conduction-input-select-placeholder-color: $utrecht-form-input-placeholder-color;
 $conduction-card-header-color: $utrecht-document-color;

package/conduction-design-tokens/dist/tokens.json

@@ -1680,7 +1680,102 @@
         ]
       },
       "hover": {},
-      "focus": {}
+      "focus": {},
+      "list-option": {
+        "font-family": {
+          "value": "\"Noto Sans\", Arial, sans-serif",
+          "filePath": "src/component/conduction/select.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.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"
+          ]
+        },
+        "background-color": {},
+        "hover": {
+          "font-family": {
+            "value": "\"Noto Sans\", Arial, sans-serif",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.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"
+            ]
+          },
+          "color": {},
+          "background-color": {}
+        }
+      },
+      "placeholder": {
+        "color": {
+          "value": "#808080",
+          "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": "\"Noto Sans\", Arial, sans-serif",
+          "filePath": "src/component/conduction/select.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.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"
+          ]
+        }
+      }
     }
   },
   "utrecht": {

package/conduction-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": "{conduction.typography.sans-serif.font-family}" },
+        "background-color": {},
+        "hover": {
+          "font-family": { "value": "{conduction.typography.sans-serif.font-family}" },
+          "color": {},
+          "background-color": {}
+        }
+      },
+      "placeholder": {
+        "color": {
+          "value": "{utrecht.form-input.placeholder.color}"
+        },
+        "font-family": { "value": "{conduction.typography.sans-serif.font-family}" }
+      }
     }
   }
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 18:02:48 GMT
+ * Generated on Thu, 24 Aug 2023 15:20:39 GMT
  */
 
 .dinkelland-theme {
@@ -103,6 +103,9 @@
   --dinkelland-color-warning: #ffc107;
   --dinkelland-color-alert-error-background: #f8d7da;
   --dinkelland-color-error: #dc3545;
+  --conduction-input-select-placeholder-font-family: var(--dinkelland-typography-lato-font-family);
+  --conduction-input-select-list-option-hover-font-family: var(--dinkelland-typography-lato-font-family);
+  --conduction-input-select-list-option-font-family: var(--dinkelland-typography-lato-font-family);
   --conduction-input-select-invalid-border-color: var(--dinkelland-color-error);
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-input-select-border: var(--dinkelland-size-4xs) solid var(--dinkelland-color-grey-46);
@@ -304,6 +307,7 @@
   --dinkelland-color-alert-error: var(--dinkelland-color-black-20);
   --dinkelland-color-primary-hover: var(--dinkelland-color-blue-26);
   --dinkelland-color-primary: var(--dinkelland-color-blue-36);
+  --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
   --conduction-card-wrapper-color: var(--utrecht-document-color);
   --conduction-card-header-color: var(--utrecht-document-color);
   --utrecht-paragraph-color: var(--utrecht-document-color);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 18:02:48 GMT
+ * Generated on Thu, 24 Aug 2023 15:20:38 GMT
  */
 
 export const dinkellandColorPrimary = "#006cb9";
@@ -335,3 +335,7 @@ export const conductionInputSelectBorderRadius = "0px";
 export const conductionInputSelectInvalidBorderColor = "#dc3545";
 export const conductionInputSelectPaddingBlockEnd = 0;
 export const conductionInputSelectPaddingBlockStart = 0;
+export const conductionInputSelectListOptionFontFamily = "\"Lato\", Arial, sans-serif";
+export const conductionInputSelectListOptionHoverFontFamily = "\"Lato\", Arial, sans-serif";
+export const conductionInputSelectPlaceholderColor = "#6b6b6b";
+export const conductionInputSelectPlaceholderFontFamily = "\"Lato\", Arial, sans-serif";

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

@@ -370,6 +370,50 @@
       "invalid-border-color"
     ]
   },
+  {
+    "value": "\"Lato\", Arial, sans-serif",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{dinkelland.typography.lato.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": "\"Lato\", Arial, sans-serif",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{dinkelland.typography.lato.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": "#6b6b6b",
+    "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": "\"Lato\", Arial, sans-serif",
+    "filePath": "src/component/conduction/select.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{dinkelland.typography.lato.font-family}"
+    },
+    "name": "conductionInputSelectPlaceholderFontFamily",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-select",
+      "item": "placeholder",
+      "subitem": "font-family"
+    },
+    "path": [
+      "conduction",
+      "input-select",
+      "placeholder",
+      "font-family"
+    ]
+  },
   {
     "value": "#333333",
     "filePath": "src/brand/dinkelland/color.tokens.json",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 23 Aug 2023 18:02:48 GMT
+// Generated on Thu, 24 Aug 2023 15:20:39 GMT
 
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;
@@ -101,6 +101,9 @@
 @dinkelland-color-warning: #ffc107;
 @dinkelland-color-alert-error-background: #f8d7da;
 @dinkelland-color-error: #dc3545;
+@conduction-input-select-placeholder-font-family: @dinkelland-typography-lato-font-family;
+@conduction-input-select-list-option-hover-font-family: @dinkelland-typography-lato-font-family;
+@conduction-input-select-list-option-font-family: @dinkelland-typography-lato-font-family;
 @conduction-input-select-invalid-border-color: @dinkelland-color-error;
 @conduction-input-select-border-radius: @utrecht-form-input-border-radius;
 @conduction-input-select-border: @dinkelland-size-4xs solid @dinkelland-color-grey-46;
@@ -302,6 +305,7 @@
 @dinkelland-color-alert-error: @dinkelland-color-black-20;
 @dinkelland-color-primary-hover: @dinkelland-color-blue-26;
 @dinkelland-color-primary: @dinkelland-color-blue-36;
+@conduction-input-select-placeholder-color: @utrecht-form-input-placeholder-color;
 @conduction-card-wrapper-color: @utrecht-document-color;
 @conduction-card-header-color: @utrecht-document-color;
 @utrecht-paragraph-color: @utrecht-document-color;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 23 Aug 2023 18:02:48 GMT
+// Generated on Thu, 24 Aug 2023 15:20:39 GMT
 
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;
@@ -101,6 +101,9 @@ $dinkelland-color-alert-warning-background: #fff3cd;
 $dinkelland-color-warning: #ffc107;
 $dinkelland-color-alert-error-background: #f8d7da;
 $dinkelland-color-error: #dc3545;
+$conduction-input-select-placeholder-font-family: $dinkelland-typography-lato-font-family;
+$conduction-input-select-list-option-hover-font-family: $dinkelland-typography-lato-font-family;
+$conduction-input-select-list-option-font-family: $dinkelland-typography-lato-font-family;
 $conduction-input-select-invalid-border-color: $dinkelland-color-error;
 $conduction-input-select-border-radius: $utrecht-form-input-border-radius;
 $conduction-input-select-border: $dinkelland-size-4xs solid $dinkelland-color-grey-46;
@@ -302,6 +305,7 @@ $dinkelland-color-alert-warning: $dinkelland-color-black-20;
 $dinkelland-color-alert-error: $dinkelland-color-black-20;
 $dinkelland-color-primary-hover: $dinkelland-color-blue-26;
 $dinkelland-color-primary: $dinkelland-color-blue-36;
+$conduction-input-select-placeholder-color: $utrecht-form-input-placeholder-color;
 $conduction-card-wrapper-color: $utrecht-document-color;
 $conduction-card-header-color: $utrecht-document-color;
 $utrecht-paragraph-color: $utrecht-document-color;

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

@@ -7060,7 +7060,102 @@
         ]
       },
       "hover": {},
-      "focus": {}
+      "focus": {},
+      "list-option": {
+        "font-family": {
+          "value": "\"Lato\", Arial, sans-serif",
+          "filePath": "src/component/conduction/select.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{dinkelland.typography.lato.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": "\"Lato\", Arial, sans-serif",
+            "filePath": "src/component/conduction/select.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{dinkelland.typography.lato.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": "#6b6b6b",
+          "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": "\"Lato\", Arial, sans-serif",
+          "filePath": "src/component/conduction/select.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{dinkelland.typography.lato.font-family}"
+          },
+          "name": "conductionInputSelectPlaceholderFontFamily",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-select",
+            "item": "placeholder",
+            "subitem": "font-family"
+          },
+          "path": [
+            "conduction",
+            "input-select",
+            "placeholder",
+            "font-family"
+          ]
+        }
+      }
     }
   }
 }

package/municipalities/dinkelland-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": "{dinkelland.typography.lato.font-family}" },
+        "background-color": {},
+        "hover": {
+          "font-family": { "value": "{dinkelland.typography.lato.font-family}" },
+          "color": {},
+          "background-color": {}
+        }
+      },
+      "placeholder": {
+        "color": {
+          "value": "{utrecht.form-input.placeholder.color}"
+        },
+        "font-family": { "value": "{dinkelland.typography.lato.font-family}" }
+      }
     }
   }
 }