@conduction/theme 1.0.26 → 1.0.27

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

@@ -1,10 +1,12 @@
 
 // Do not edit directly
-// Generated on Tue, 22 Aug 2023 15:07:58 GMT
+// Generated on Wed, 23 Aug 2023 16:58:16 GMT
 
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;
 $conduction-input-select-border-focus: unset;
+$conduction-card-wrapper-border-radius: 0px;
+$conduction-card-wrapper-border-width: unset;
 $utrecht-paragraph-margin-block-end: 0;
 $utrecht-paragraph-margin-block-start: 0;
 $utrecht-paragraph-line-height: 1.5em;
@@ -108,6 +110,11 @@ $conduction-card-wrapper-padding-block-end: $dinkelland-size-xl;
 $conduction-card-wrapper-padding-inline-start: $dinkelland-size-xl;
 $conduction-card-wrapper-padding-inline-end: $dinkelland-size-xl;
 $conduction-card-wrapper-background-color: $dinkelland-color-blue-94;
+$conduction-card-header-date-margin-block-end: $dinkelland-size-xs;
+$conduction-card-header-date-font-weight: $dinkelland-typography-font-weight-light;
+$conduction-card-header-date-font-size: $dinkelland-font-size-sm;
+$conduction-card-header-date-color: $dinkelland-color-black-0;
+$conduction-card-header-title-color: $dinkelland-color-black-0;
 $utrecht-paragraph-font-weight: $dinkelland-typography-font-weight-normal;
 $utrecht-paragraph-font-size: $dinkelland-font-size-md;
 $utrecht-paragraph-font-family: $dinkelland-typography-lato-font-family;
@@ -296,6 +303,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-card-wrapper-color: $utrecht-document-color;
+$conduction-card-header-color: $utrecht-document-color;
 $utrecht-paragraph-color: $utrecht-document-color;
 $utrecht-unordered-list-marker-color: $utrecht-document-color;
 $utrecht-unordered-list-font-size: $utrecht-document-font-size;

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

@@ -6626,6 +6626,146 @@
     }
   },
   "conduction": {
+    "card-header": {
+      "background-color": {},
+      "border-bottom-width": {},
+      "border-bottom-style": {},
+      "border-bottom-color": {},
+      "color": {
+        "value": "#333333",
+        "filePath": "src/component/conduction/card-header.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.document.color}"
+        },
+        "name": "conductionCardHeaderColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-header",
+          "item": "color"
+        },
+        "path": [
+          "conduction",
+          "card-header",
+          "color"
+        ]
+      },
+      "hover": {
+        "background-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {}
+      },
+      "title": {
+        "color": {
+          "value": "#000000",
+          "filePath": "src/component/conduction/card-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{dinkelland.color.black.0}"
+          },
+          "name": "conductionCardHeaderTitleColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "card-header",
+            "item": "title",
+            "subitem": "color"
+          },
+          "path": [
+            "conduction",
+            "card-header",
+            "title",
+            "color"
+          ]
+        }
+      },
+      "date": {
+        "color": {
+          "value": "#000000",
+          "filePath": "src/component/conduction/card-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{dinkelland.color.black.0}"
+          },
+          "name": "conductionCardHeaderDateColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "card-header",
+            "item": "date",
+            "subitem": "color"
+          },
+          "path": [
+            "conduction",
+            "card-header",
+            "date",
+            "color"
+          ]
+        },
+        "font-size": {
+          "value": "14px",
+          "filePath": "src/component/conduction/card-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{dinkelland.font-size.sm}"
+          },
+          "name": "conductionCardHeaderDateFontSize",
+          "attributes": {
+            "category": "conduction",
+            "type": "card-header",
+            "item": "date",
+            "subitem": "font-size"
+          },
+          "path": [
+            "conduction",
+            "card-header",
+            "date",
+            "font-size"
+          ]
+        },
+        "font-weight": {
+          "value": "100",
+          "filePath": "src/component/conduction/card-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{dinkelland.typography.font-weight.light}"
+          },
+          "name": "conductionCardHeaderDateFontWeight",
+          "attributes": {
+            "category": "conduction",
+            "type": "card-header",
+            "item": "date",
+            "subitem": "font-weight"
+          },
+          "path": [
+            "conduction",
+            "card-header",
+            "date",
+            "font-weight"
+          ]
+        },
+        "margin-block-end": {
+          "value": "8px",
+          "filePath": "src/component/conduction/card-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{dinkelland.size.xs}"
+          },
+          "name": "conductionCardHeaderDateMarginBlockEnd",
+          "attributes": {
+            "category": "conduction",
+            "type": "card-header",
+            "item": "date",
+            "subitem": "margin-block-end"
+          },
+          "path": [
+            "conduction",
+            "card-header",
+            "date",
+            "margin-block-end"
+          ]
+        }
+      }
+    },
     "card-wrapper": {
       "background-color": {
         "value": "#e5f0f8",
@@ -6647,9 +6787,45 @@
         ]
       },
       "border-color": {},
-      "border-width": {},
+      "border-width": {
+        "value": "unset",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "unset"
+        },
+        "name": "conductionCardWrapperBorderWidth",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "border-width"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "border-width"
+        ]
+      },
       "border-style": {},
-      "border-radius": {},
+      "border-radius": {
+        "value": "0px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px"
+        },
+        "name": "conductionCardWrapperBorderRadius",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "border-radius"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "border-radius"
+        ]
+      },
       "color": {
         "value": "#333333",
         "filePath": "src/component/conduction/card-wrapper.tokens.json",

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

@@ -0,0 +1,26 @@
+{
+  "conduction": {
+    "card-header": {
+      "background-color": {},
+      "border-bottom-width": {},
+      "border-bottom-style": {},
+      "border-bottom-color": {},
+      "color": { "value": "{utrecht.document.color}" },
+      "hover": {
+        "background-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {}
+      },
+      "title": {
+        "color": { "value": "{dinkelland.color.black.0}" }
+      },
+      "date": {
+        "color": { "value": "{dinkelland.color.black.0}" },
+        "font-size": { "value": "{dinkelland.font-size.sm}" },
+        "font-weight": { "value": "{dinkelland.typography.font-weight.light}" },
+        "margin-block-end": { "value": "{dinkelland.size.xs}" }
+      }
+    }
+  }
+}

package/municipalities/dinkelland-design-tokens/src/component/conduction/card-wrapper.tokens.json

@@ -3,9 +3,9 @@
     "card-wrapper": {
       "background-color": { "value": "{dinkelland.color.blue.94}" },
       "border-color": {},
-      "border-width": {},
+      "border-width": { "value": "unset" },
       "border-style": {},
-      "border-radius": {},
+      "border-radius": { "value": "0px" },
       "color": { "value": "{utrecht.document.color}" },
       "hover": {
         "background-color": {}

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

@@ -1,12 +1,15 @@
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 15:08:05 GMT
+ * Generated on Wed, 23 Aug 2023 16:58:26 GMT
  */
 
 .epe-theme {
   --conduction-input-select-padding-block-start: 0;
   --conduction-input-select-padding-block-end: 0;
   --conduction-input-select-border-focus: unset;
+  --conduction-card-wrapper-border-radius: 0px;
+  --conduction-card-header-hover-border-bottom-style: solid;
+  --conduction-card-header-border-bottom-style: solid;
   --utrecht-paragraph-margin-block-end: 0;
   --utrecht-paragraph-margin-block-start: 0;
   --utrecht-paragraph-line-height: 1.5em;
@@ -115,7 +118,17 @@
   --conduction-card-wrapper-padding-block-end: var(--epe-size-md);
   --conduction-card-wrapper-padding-inline-start: var(--epe-size-md);
   --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-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);
+  --conduction-card-header-border-bottom-width: var(--epe-size-4xs);
   --utrecht-paragraph-font-weight: var(--epe-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--epe-font-size-md);
   --utrecht-paragraph-font-family: var(--epe-typography-source-sans-font-family);
@@ -298,6 +311,7 @@
   --epe-color-primary: var(--epe-color-light-blue-31);
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-card-wrapper-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);
   --utrecht-ordered-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 Tue, 22 Aug 2023 15:08:05 GMT
+ * Generated on Wed, 23 Aug 2023 16:58:25 GMT
  */
 
 export const epeColorPrimary = "#01699d";
@@ -302,8 +302,22 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const conductionCardHeaderBorderBottomWidth = "1px";
+export const conductionCardHeaderBorderBottomStyle = "solid";
+export const conductionCardHeaderBorderBottomColor = "#d6a100";
+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 conductionCardWrapperBackgroundColor = "#ffffff";
+export const conductionCardWrapperBorderRadius = "0px";
 export const conductionCardWrapperColor = "#2e2e33";
+export const conductionCardWrapperHoverBackgroundColor = "#fdf1ce";
 export const conductionCardWrapperPaddingInlineEnd = "18px";
 export const conductionCardWrapperPaddingInlineStart = "18px";
 export const conductionCardWrapperPaddingBlockEnd = "18px";

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

@@ -1,4 +1,143 @@
 [
+  {
+    "value": "#d6a100",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.color.yellow.42}"
+    },
+    "name": "conductionCardHeaderBorderBottomColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "border-bottom-color"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "border-bottom-color"
+    ]
+  },
+  {
+    "value": "solid",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "solid"
+    },
+    "name": "conductionCardHeaderBorderBottomStyle",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "border-bottom-style"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "border-bottom-style"
+    ]
+  },
+  {
+    "value": "1px",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.size.4xs}"
+    },
+    "name": "conductionCardHeaderBorderBottomWidth",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "border-bottom-width"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "border-bottom-width"
+    ]
+  },
+  {
+    "value": "#2e2e33",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.document.color}"
+    },
+    "name": "conductionCardHeaderColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "color"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "color"
+    ]
+  },
+  {
+    "value": "#00549e",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.color.blue.31}"
+    },
+    "name": "conductionCardHeaderHoverBorderBottomColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "hover",
+      "subitem": "border-bottom-color"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "hover",
+      "border-bottom-color"
+    ]
+  },
+  {
+    "value": "solid",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "solid"
+    },
+    "name": "conductionCardHeaderHoverBorderBottomStyle",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "hover",
+      "subitem": "border-bottom-style"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "hover",
+      "border-bottom-style"
+    ]
+  },
+  {
+    "value": "1px",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.size.4xs}"
+    },
+    "name": "conductionCardHeaderHoverBorderBottomWidth",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "hover",
+      "subitem": "border-bottom-width"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "hover",
+      "border-bottom-width"
+    ]
+  },
   {
     "value": "#ffffff",
     "filePath": "src/component/conduction/card-wrapper.tokens.json",
@@ -18,6 +157,25 @@
       "background-color"
     ]
   },
+  {
+    "value": "0px",
+    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "conductionCardWrapperBorderRadius",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-wrapper",
+      "item": "border-radius"
+    },
+    "path": [
+      "conduction",
+      "card-wrapper",
+      "border-radius"
+    ]
+  },
   {
     "value": "#2e2e33",
     "filePath": "src/component/conduction/card-wrapper.tokens.json",
@@ -37,6 +195,27 @@
       "color"
     ]
   },
+  {
+    "value": "#fdf1ce",
+    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.color.yellow.90}"
+    },
+    "name": "conductionCardWrapperHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-wrapper",
+      "item": "hover",
+      "subitem": "background-color"
+    },
+    "path": [
+      "conduction",
+      "card-wrapper",
+      "hover",
+      "background-color"
+    ]
+  },
   {
     "value": "18px",
     "filePath": "src/component/conduction/card-wrapper.tokens.json",
@@ -113,6 +292,82 @@
       "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",
@@ -246,6 +501,25 @@
       "padding-block-start"
     ]
   },
+  {
+    "value": "#00549e",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{epe.color.blue.31}"
+    },
+    "name": "conductionTitleColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "title",
+      "item": "color"
+    },
+    "path": [
+      "conduction",
+      "title",
+      "color"
+    ]
+  },
   {
     "value": "#2e2e33",
     "filePath": "src/brand/epe/color.tokens.json",

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

@@ -1,10 +1,13 @@
 
 // Do not edit directly
-// Generated on Tue, 22 Aug 2023 15:08:05 GMT
+// Generated on Wed, 23 Aug 2023 16:58:26 GMT
 
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;
 @conduction-input-select-border-focus: unset;
+@conduction-card-wrapper-border-radius: 0px;
+@conduction-card-header-hover-border-bottom-style: solid;
+@conduction-card-header-border-bottom-style: solid;
 @utrecht-paragraph-margin-block-end: 0;
 @utrecht-paragraph-margin-block-start: 0;
 @utrecht-paragraph-line-height: 1.5em;
@@ -113,7 +116,17 @@
 @conduction-card-wrapper-padding-block-end: @epe-size-md;
 @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-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;
+@conduction-card-header-border-bottom-width: @epe-size-4xs;
 @utrecht-paragraph-font-weight: @epe-typography-font-weight-normal;
 @utrecht-paragraph-font-size: @epe-font-size-md;
 @utrecht-paragraph-font-family: @epe-typography-source-sans-font-family;
@@ -296,6 +309,7 @@
 @epe-color-primary: @epe-color-light-blue-31;
 @conduction-input-select-border-radius: @utrecht-form-input-border-radius;
 @conduction-card-wrapper-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;
 @utrecht-ordered-list-font-size: @utrecht-document-font-size;