@conduction/theme 1.0.26 → 1.0.28

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

@@ -1,10 +1,13 @@
 
 // Do not edit directly
-// Generated on Tue, 22 Aug 2023 15:08:05 GMT
+// Generated on Wed, 23 Aug 2023 18:02:58 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-start: $epe-size-md;
 $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-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-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-hover: $epe-color-light-blue-21;
 $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;

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

@@ -6383,6 +6383,260 @@
     }
   },
   "conduction": {
+    "card-header": {
+      "background-color": {},
+      "border-bottom-width": {
+        "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"
+        ]
+      },
+      "border-bottom-style": {
+        "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"
+        ]
+      },
+      "border-bottom-color": {
+        "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"
+        ]
+      },
+      "color": {
+        "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"
+        ]
+      },
+      "hover": {
+        "background-color": {},
+        "border-bottom-width": {
+          "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"
+          ]
+        },
+        "border-bottom-style": {
+          "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"
+          ]
+        },
+        "border-bottom-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"
+          ]
+        }
+      },
+      "title": {
+        "color": {
+          "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"
+          ]
+        }
+      },
+      "date": {
+        "color": {
+          "value": "#00549e",
+          "filePath": "src/component/conduction/card-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{epe.color.blue.31}"
+          },
+          "name": "conductionCardHeaderDateColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "card-header",
+            "item": "date",
+            "subitem": "color"
+          },
+          "path": [
+            "conduction",
+            "card-header",
+            "date",
+            "color"
+          ]
+        },
+        "font-size": {
+          "value": "#00549e",
+          "filePath": "src/component/conduction/card-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{epe.color.blue.31}"
+          },
+          "name": "conductionCardHeaderDateFontSize",
+          "attributes": {
+            "category": "conduction",
+            "type": "card-header",
+            "item": "date",
+            "subitem": "font-size"
+          },
+          "path": [
+            "conduction",
+            "card-header",
+            "date",
+            "font-size"
+          ]
+        },
+        "font-weight": {
+          "value": "#00549e",
+          "filePath": "src/component/conduction/card-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{epe.color.blue.31}"
+          },
+          "name": "conductionCardHeaderDateFontWeight",
+          "attributes": {
+            "category": "conduction",
+            "type": "card-header",
+            "item": "date",
+            "subitem": "font-weight"
+          },
+          "path": [
+            "conduction",
+            "card-header",
+            "date",
+            "font-weight"
+          ]
+        },
+        "margin-block-end": {
+          "value": "#00549e",
+          "filePath": "src/component/conduction/card-header.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{epe.color.blue.31}"
+          },
+          "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": "#ffffff",
@@ -6406,7 +6660,25 @@
       "border-color": {},
       "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": "#2e2e33",
         "filePath": "src/component/conduction/card-wrapper.tokens.json",
@@ -6427,7 +6699,27 @@
         ]
       },
       "hover": {
-        "background-color": {}
+        "background-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"
+          ]
+        }
       },
       "padding-inline-end": {
         "value": "18px",

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

@@ -0,0 +1,26 @@
+{
+  "conduction": {
+    "card-header": {
+      "background-color": {},
+      "border-bottom-width": { "value": "{epe.size.4xs}" },
+      "border-bottom-style": { "value": "solid" },
+      "border-bottom-color": { "value": "{epe.color.yellow.42}" },
+      "color": { "value": "{utrecht.document.color}" },
+      "hover": {
+        "background-color": {},
+        "border-bottom-width": { "value": "{epe.size.4xs}" },
+        "border-bottom-style": { "value": "solid" },
+        "border-bottom-color": { "value": "{epe.color.blue.31}" }
+      },
+      "title": {
+        "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}" }
+      }
+    }
+  }
+}

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

@@ -5,10 +5,10 @@
       "border-color": {},
       "border-width": {},
       "border-style": {},
-      "border-radius": {},
+      "border-radius": { "value": "0px" },
       "color": { "value": "{utrecht.document.color}" },
       "hover": {
-        "background-color": {}
+        "background-color": { "value": "{epe.color.yellow.90}" }
       },
       "padding-inline-end": { "value": "{epe.size.md}" },
       "padding-inline-start": { "value": "{epe.size.md}" },

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

@@ -1,12 +1,14 @@
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 15:07:34 GMT
+ * Generated on Wed, 23 Aug 2023 18:02:12 GMT
  */
 
 .leiden-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-wrapper-border-width: unset;
   --utrecht-paragraph-margin-block-end: 0;
   --utrecht-paragraph-margin-block-start: 0;
   --utrecht-paragraph-line-height: 1.5em;
@@ -93,8 +95,12 @@
   --conduction-card-wrapper-padding-block-end: var(--leiden-size-sm);
   --conduction-card-wrapper-padding-inline-start: var(--leiden-size-xl);
   --conduction-card-wrapper-padding-inline-end: var(--leiden-size-xl);
-  --conduction-card-wrapper-color: var(--leiden-color-black-9);
   --conduction-card-wrapper-background-color: var(--leiden-color-lightgrey-89);
+  --conduction-card-header-date-margin-block-end: var(--leiden-size-xs);
+  --conduction-card-header-date-font-weight: var(--leiden-typography-font-weight-light);
+  --conduction-card-header-date-font-size: var(--leiden-font-size-sm);
+  --conduction-card-header-date-color: var(--leiden-color-black-9);
+  --conduction-card-header-title-color: var(--leiden-color-black-9);
   --utrecht-paragraph-font-weight: var(--leiden-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--leiden-font-size-md);
   --utrecht-paragraph-font-family: var(--leiden-typography-sans-serif-font-family);
@@ -278,6 +284,8 @@
   --leiden-typography-scale-4xs: var(--leiden-font-size-4xs);
   --leiden-color-info: var(--leiden-color-primary);
   --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);
   --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/leiden-design-tokens/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 15:07:34 GMT
+ * Generated on Wed, 23 Aug 2023 18:02:12 GMT
  */
 
 export const leidenColorPrimary = "#d62410";
@@ -272,7 +272,15 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const conductionCardHeaderColor = "#0d1921";
+export const conductionCardHeaderTitleColor = "#0d1921";
+export const conductionCardHeaderDateColor = "#0d1921";
+export const conductionCardHeaderDateFontSize = "14px";
+export const conductionCardHeaderDateFontWeight = "100";
+export const conductionCardHeaderDateMarginBlockEnd = "8px";
 export const conductionCardWrapperBackgroundColor = "#e4e4e4";
+export const conductionCardWrapperBorderWidth = "unset";
+export const conductionCardWrapperBorderRadius = "0px";
 export const conductionCardWrapperColor = "#0d1921";
 export const conductionCardWrapperPaddingInlineEnd = "32px";
 export const conductionCardWrapperPaddingInlineStart = "32px";

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

@@ -1,4 +1,128 @@
 [
+  {
+    "value": "#0d1921",
+    "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": "#0d1921",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.black.9}"
+    },
+    "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": "{leiden.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": "{leiden.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": "{leiden.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": "#0d1921",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{leiden.color.black.9}"
+    },
+    "name": "conductionCardHeaderTitleColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "title",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "title",
+      "color"
+    ]
+  },
   {
     "value": "#e4e4e4",
     "filePath": "src/component/conduction/card-wrapper.tokens.json",
@@ -18,12 +142,50 @@
       "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": "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"
+    ]
+  },
   {
     "value": "#0d1921",
     "filePath": "src/component/conduction/card-wrapper.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{leiden.color.black.9}"
+      "value": "{utrecht.document.color}"
     },
     "name": "conductionCardWrapperColor",
     "attributes": {

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

@@ -1,10 +1,12 @@
 
 // Do not edit directly
-// Generated on Tue, 22 Aug 2023 15:07:34 GMT
+// Generated on Wed, 23 Aug 2023 18:02:13 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;
@@ -91,8 +93,12 @@
 @conduction-card-wrapper-padding-block-end: @leiden-size-sm;
 @conduction-card-wrapper-padding-inline-start: @leiden-size-xl;
 @conduction-card-wrapper-padding-inline-end: @leiden-size-xl;
-@conduction-card-wrapper-color: @leiden-color-black-9;
 @conduction-card-wrapper-background-color: @leiden-color-lightgrey-89;
+@conduction-card-header-date-margin-block-end: @leiden-size-xs;
+@conduction-card-header-date-font-weight: @leiden-typography-font-weight-light;
+@conduction-card-header-date-font-size: @leiden-font-size-sm;
+@conduction-card-header-date-color: @leiden-color-black-9;
+@conduction-card-header-title-color: @leiden-color-black-9;
 @utrecht-paragraph-font-weight: @leiden-typography-font-weight-normal;
 @utrecht-paragraph-font-size: @leiden-font-size-md;
 @utrecht-paragraph-font-family: @leiden-typography-sans-serif-font-family;
@@ -276,6 +282,8 @@
 @leiden-typography-scale-4xs: @leiden-font-size-4xs;
 @leiden-color-info: @leiden-color-primary;
 @conduction-input-select-border: 1px solid @utrecht-form-input-border-color;
+@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;