@conduction/theme 1.0.26 → 1.0.27

package/README.md

@@ -6,7 +6,10 @@ Conduction's design tokens theme
 
 - **Version 1**
 
-  - 1.0.26: 
+  - 1.0.27:
+    - Added conduction-card-header tokens in all themes.
+    - Updated conduction-card-wrapper tokens in all themes.
+  - 1.0.26:
     - Added Noordwijk theme.
     - Updated conduction-card-wrapper tokens in all themes.
   - 1.0.25:

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 15:07:25 GMT
+ * Generated on Wed, 23 Aug 2023 16:57:34 GMT
  */
 
 .conduction-theme {
@@ -277,6 +277,11 @@
   --conduction-card-wrapper-color: var(--conduction-color-black-0);
   --conduction-card-wrapper-border-radius: var(--conduction-size-md);
   --conduction-card-wrapper-background-color: var(--conduction-color-white-100);
+  --conduction-card-header-date-margin-block-end: var(--conduction-size-xs);
+  --conduction-card-header-date-font-weight: var(--conduction-typography-font-weight-light);
+  --conduction-card-header-date-font-size: var(--conduction-font-size-sm);
+  --conduction-card-header-date-color: var(--conduction-color-black-0);
+  --conduction-card-header-title-color: var(--conduction-color-black-0);
   --conduction-typography-scale-4xl: var(--conduction-font-size-4xl);
   --conduction-typography-scale-3xl: var(--conduction-font-size-3xl);
   --conduction-typography-scale-2xl: var(--conduction-font-size-2xl);
@@ -297,4 +302,5 @@
   --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-card-header-color: var(--utrecht-document-color);
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 15:07:25 GMT
+ * Generated on Wed, 23 Aug 2023 16:57:34 GMT
  */
 
 export const conductionColorPrimary = "#4376fc";
@@ -65,6 +65,12 @@ export const conductionTypographyScaleXl = "24px";
 export const conductionTypographyScale2xl = "32px";
 export const conductionTypographyScale3xl = "48px";
 export const conductionTypographyScale4xl = "58px";
+export const conductionCardHeaderColor = "#000000";
+export const conductionCardHeaderTitleColor = "#000000";
+export const conductionCardHeaderDateColor = "#000000";
+export const conductionCardHeaderDateFontSize = "14px";
+export const conductionCardHeaderDateFontWeight = "100";
+export const conductionCardHeaderDateMarginBlockEnd = "8px";
 export const conductionCardWrapperBackgroundColor = "#ffffff";
 export const conductionCardWrapperBorderRadius = "18px";
 export const conductionCardWrapperColor = "#000000";

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

@@ -1,4 +1,128 @@
 [
+  {
+    "value": "#000000",
+    "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": "#000000",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.black.0}"
+    },
+    "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": "{conduction.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": "{conduction.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": "{conduction.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": "#000000",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.black.0}"
+    },
+    "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",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 22 Aug 2023 15:07:25 GMT
+// Generated on Wed, 23 Aug 2023 16:57:34 GMT
 
 @utrecht-paragraph-margin-block-end: 0;
 @utrecht-paragraph-margin-block-start: 0;
@@ -275,6 +275,11 @@
 @conduction-card-wrapper-color: @conduction-color-black-0;
 @conduction-card-wrapper-border-radius: @conduction-size-md;
 @conduction-card-wrapper-background-color: @conduction-color-white-100;
+@conduction-card-header-date-margin-block-end: @conduction-size-xs;
+@conduction-card-header-date-font-weight: @conduction-typography-font-weight-light;
+@conduction-card-header-date-font-size: @conduction-font-size-sm;
+@conduction-card-header-date-color: @conduction-color-black-0;
+@conduction-card-header-title-color: @conduction-color-black-0;
 @conduction-typography-scale-4xl: @conduction-font-size-4xl;
 @conduction-typography-scale-3xl: @conduction-font-size-3xl;
 @conduction-typography-scale-2xl: @conduction-font-size-2xl;
@@ -295,3 +300,4 @@
 @utrecht-table-font-size: @utrecht-document-font-size;
 @utrecht-table-font-family: @utrecht-document-font-family;
 @utrecht-table-header-color: @utrecht-document-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 Tue, 22 Aug 2023 15:07:25 GMT
+// Generated on Wed, 23 Aug 2023 16:57:34 GMT
 
 $utrecht-paragraph-margin-block-end: 0;
 $utrecht-paragraph-margin-block-start: 0;
@@ -275,6 +275,11 @@ $conduction-card-wrapper-padding-inline-end: $conduction-size-md;
 $conduction-card-wrapper-color: $conduction-color-black-0;
 $conduction-card-wrapper-border-radius: $conduction-size-md;
 $conduction-card-wrapper-background-color: $conduction-color-white-100;
+$conduction-card-header-date-margin-block-end: $conduction-size-xs;
+$conduction-card-header-date-font-weight: $conduction-typography-font-weight-light;
+$conduction-card-header-date-font-size: $conduction-font-size-sm;
+$conduction-card-header-date-color: $conduction-color-black-0;
+$conduction-card-header-title-color: $conduction-color-black-0;
 $conduction-typography-scale-4xl: $conduction-font-size-4xl;
 $conduction-typography-scale-3xl: $conduction-font-size-3xl;
 $conduction-typography-scale-2xl: $conduction-font-size-2xl;
@@ -295,3 +300,4 @@ $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-card-header-color: $utrecht-document-color;

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

@@ -1264,6 +1264,146 @@
         }
       }
     },
+    "card-header": {
+      "background-color": {},
+      "border-bottom-width": {},
+      "border-bottom-style": {},
+      "border-bottom-color": {},
+      "color": {
+        "value": "#000000",
+        "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": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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": "#ffffff",

package/conduction-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": "{conduction.color.black.0}" }
+      },
+      "date": {
+        "color": { "value": "{conduction.color.black.0}" },
+        "font-size": { "value": "{conduction.font-size.sm}" },
+        "font-weight": { "value": "{conduction.typography.font-weight.light}" },
+        "margin-block-end": { "value": "{conduction.size.xs}" }
+      }
+    }
+  }
+}

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

@@ -1,12 +1,14 @@
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 15:07:58 GMT
+ * Generated on Wed, 23 Aug 2023 16:58:16 GMT
  */
 
 .dinkelland-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;
@@ -110,6 +112,11 @@
   --conduction-card-wrapper-padding-inline-start: var(--dinkelland-size-xl);
   --conduction-card-wrapper-padding-inline-end: var(--dinkelland-size-xl);
   --conduction-card-wrapper-background-color: var(--dinkelland-color-blue-94);
+  --conduction-card-header-date-margin-block-end: var(--dinkelland-size-xs);
+  --conduction-card-header-date-font-weight: var(--dinkelland-typography-font-weight-light);
+  --conduction-card-header-date-font-size: var(--dinkelland-font-size-sm);
+  --conduction-card-header-date-color: var(--dinkelland-color-black-0);
+  --conduction-card-header-title-color: var(--dinkelland-color-black-0);
   --utrecht-paragraph-font-weight: var(--dinkelland-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--dinkelland-font-size-md);
   --utrecht-paragraph-font-family: var(--dinkelland-typography-lato-font-family);
@@ -298,6 +305,7 @@
   --dinkelland-color-primary-hover: var(--dinkelland-color-blue-26);
   --dinkelland-color-primary: var(--dinkelland-color-blue-36);
   --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-marker-color: var(--utrecht-document-color);
   --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 15:07:57 GMT
+ * Generated on Wed, 23 Aug 2023 16:58:16 GMT
  */
 
 export const dinkellandColorPrimary = "#006cb9";
@@ -314,7 +314,15 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const conductionCardHeaderColor = "#333333";
+export const conductionCardHeaderTitleColor = "#000000";
+export const conductionCardHeaderDateColor = "#000000";
+export const conductionCardHeaderDateFontSize = "14px";
+export const conductionCardHeaderDateFontWeight = "100";
+export const conductionCardHeaderDateMarginBlockEnd = "8px";
 export const conductionCardWrapperBackgroundColor = "#e5f0f8";
+export const conductionCardWrapperBorderWidth = "unset";
+export const conductionCardWrapperBorderRadius = "0px";
 export const conductionCardWrapperColor = "#333333";
 export const conductionCardWrapperPaddingInlineEnd = "32px";
 export const conductionCardWrapperPaddingInlineStart = "32px";

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

@@ -1,4 +1,128 @@
 [
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
   {
     "value": "#e5f0f8",
     "filePath": "src/component/conduction/card-wrapper.tokens.json",
@@ -18,6 +142,44 @@
       "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": "#333333",
     "filePath": "src/component/conduction/card-wrapper.tokens.json",

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

@@ -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-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-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;