@conduction/theme 1.0.27 → 1.0.29

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 23 Aug 2023 16:58:26 GMT
+ * Generated on Thu, 24 Aug 2023 11:15:13 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,11 +123,10 @@
   --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-date-margin-block-end: var(--epe-color-blue-31);
-  --conduction-date-font-weight: var(--epe-color-blue-31);
-  --conduction-date-font-size: var(--epe-color-blue-31);
-  --conduction-date-color: var(--epe-color-blue-31);
-  --conduction-title-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);
   --conduction-card-header-border-bottom-color: var(--epe-color-yellow-42);
@@ -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 16:58:25 GMT
+ * Generated on Thu, 24 Aug 2023 11:15:13 GMT
  */
 
 export const epeColorPrimary = "#01699d";
@@ -309,11 +309,11 @@ export const conductionCardHeaderColor = "#2e2e33";
 export const conductionCardHeaderHoverBorderBottomWidth = "1px";
 export const conductionCardHeaderHoverBorderBottomStyle = "solid";
 export const conductionCardHeaderHoverBorderBottomColor = "#00549e";
-export const conductionTitleColor = "#00549e";
-export const conductionDateColor = "#00549e";
-export const conductionDateFontSize = "#00549e";
-export const conductionDateFontWeight = "#00549e";
-export const conductionDateMarginBlockEnd = "#00549e";
+export const conductionCardHeaderTitleColor = "#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

@@ -75,6 +75,90 @@
       "color"
     ]
   },
+  {
+    "value": "#2e2e33",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.document.color}"
+    },
+    "name": "conductionCardHeaderDateColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "date",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "date",
+      "color"
+    ]
+  },
+  {
+    "value": "14px",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.font-size.sm}"
+    },
+    "name": "conductionCardHeaderDateFontSize",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "date",
+      "subitem": "font-size"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "date",
+      "font-size"
+    ]
+  },
+  {
+    "value": "100",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.typography.font-weight.light}"
+    },
+    "name": "conductionCardHeaderDateFontWeight",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "date",
+      "subitem": "font-weight"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "date",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.size.xs}"
+    },
+    "name": "conductionCardHeaderDateMarginBlockEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "date",
+      "subitem": "margin-block-end"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "date",
+      "margin-block-end"
+    ]
+  },
   {
     "value": "#00549e",
     "filePath": "src/component/conduction/card-header.tokens.json",
@@ -138,6 +222,27 @@
       "border-bottom-width"
     ]
   },
+  {
+    "value": "#00549e",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.color.blue.31}"
+    },
+    "name": "conductionCardHeaderTitleColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "title",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "title",
+      "color"
+    ]
+  },
   {
     "value": "#ffffff",
     "filePath": "src/component/conduction/card-wrapper.tokens.json",
@@ -292,82 +397,6 @@
       "padding-inline-start"
     ]
   },
-  {
-    "value": "#00549e",
-    "filePath": "src/component/conduction/card-header.tokens.json",
-    "isSource": true,
-    "original": {
-      "value": "{epe.color.blue.31}"
-    },
-    "name": "conductionDateColor",
-    "attributes": {
-      "category": "conduction",
-      "type": "date",
-      "item": "color"
-    },
-    "path": [
-      "conduction",
-      "date",
-      "color"
-    ]
-  },
-  {
-    "value": "#00549e",
-    "filePath": "src/component/conduction/card-header.tokens.json",
-    "isSource": true,
-    "original": {
-      "value": "{epe.color.blue.31}"
-    },
-    "name": "conductionDateFontSize",
-    "attributes": {
-      "category": "conduction",
-      "type": "date",
-      "item": "font-size"
-    },
-    "path": [
-      "conduction",
-      "date",
-      "font-size"
-    ]
-  },
-  {
-    "value": "#00549e",
-    "filePath": "src/component/conduction/card-header.tokens.json",
-    "isSource": true,
-    "original": {
-      "value": "{epe.color.blue.31}"
-    },
-    "name": "conductionDateFontWeight",
-    "attributes": {
-      "category": "conduction",
-      "type": "date",
-      "item": "font-weight"
-    },
-    "path": [
-      "conduction",
-      "date",
-      "font-weight"
-    ]
-  },
-  {
-    "value": "#00549e",
-    "filePath": "src/component/conduction/card-header.tokens.json",
-    "isSource": true,
-    "original": {
-      "value": "{epe.color.blue.31}"
-    },
-    "name": "conductionDateMarginBlockEnd",
-    "attributes": {
-      "category": "conduction",
-      "type": "date",
-      "item": "margin-block-end"
-    },
-    "path": [
-      "conduction",
-      "date",
-      "margin-block-end"
-    ]
-  },
   {
     "value": "#ffffff",
     "filePath": "src/component/conduction/select.tokens.json",
@@ -463,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",
@@ -502,24 +575,47 @@
     ]
   },
   {
-    "value": "#00549e",
-    "filePath": "src/component/conduction/card-header.tokens.json",
+    "value": "#757575",
+    "filePath": "src/component/conduction/select.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{epe.color.blue.31}"
+      "value": "{utrecht.form-input.placeholder.color}"
     },
-    "name": "conductionTitleColor",
+    "name": "conductionInputSelectPlaceholderColor",
     "attributes": {
       "category": "conduction",
-      "type": "title",
-      "item": "color"
+      "type": "input-select",
+      "item": "placeholder",
+      "subitem": "color"
     },
     "path": [
       "conduction",
-      "title",
+      "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 16:58:26 GMT
+// Generated on Thu, 24 Aug 2023 11:15:13 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,11 +121,10 @@
 @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-date-margin-block-end: @epe-color-blue-31;
-@conduction-date-font-weight: @epe-color-blue-31;
-@conduction-date-font-size: @epe-color-blue-31;
-@conduction-date-color: @epe-color-blue-31;
-@conduction-title-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;
 @conduction-card-header-border-bottom-color: @epe-color-yellow-42;
@@ -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 16:58:26 GMT
+// Generated on Thu, 24 Aug 2023 11:15:13 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,11 +121,10 @@ $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-date-margin-block-end: $epe-color-blue-31;
-$conduction-date-font-weight: $epe-color-blue-31;
-$conduction-date-font-size: $epe-color-blue-31;
-$conduction-date-color: $epe-color-blue-31;
-$conduction-title-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;
 $conduction-card-header-border-bottom-color: $epe-color-yellow-42;
@@ -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;