@conduction/theme 1.0.22 → 1.0.24

package/README.md

@@ -6,6 +6,12 @@ Conduction's design tokens theme
 
 - **Version 1**
 
+  - 1.0.24:
+    - Updated page tokens in all themes.
+    - Updated list tokens in all themes.
+    - Updated table tokens in all themes.
+    - Updated card tokens in all themes.
+  - 1.0.23: Added Epe theme.
   - 1.0.22: Updated footer and header logo's for xxllnc, Leiden and Dinkelland themes.
   - 1.0.21:
     - Added custom header and footer logo code to all themes.

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:40:40 GMT
+ * Generated on Fri, 18 Aug 2023 12:11:16 GMT
  */
 
 .conduction-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:40:40 GMT
+ * Generated on Fri, 18 Aug 2023 12:11:16 GMT
  */
 
 export const conductionColorPrimary = "#4376fc";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 16 Aug 2023 08:40:40 GMT
+// Generated on Fri, 18 Aug 2023 12:11:16 GMT
 
 @utrecht-paragraph-margin-block-end: 0;
 @utrecht-paragraph-margin-block-start: 0;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 16 Aug 2023 08:40:40 GMT
+// Generated on Fri, 18 Aug 2023 12:11:16 GMT
 
 $utrecht-paragraph-margin-block-end: 0;
 $utrecht-paragraph-margin-block-start: 0;

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

@@ -2313,6 +2313,17 @@
           "color"
         ]
       },
+      "header": {
+        "border-block-end": {},
+        "color": {},
+        "hover": {
+          "border-block-end": {},
+          "color": {}
+        }
+      },
+      "hover": {
+        "background-color": {}
+      },
       "padding-inline-end": {
         "value": "18px",
         "filePath": "src/component/conduction/card.tokens.json",
@@ -2741,6 +2752,7 @@
           ]
         }
       },
+      "background-position": {},
       "background-color": {
         "value": "#f5f5f5",
         "filePath": "src/component/utrecht/page-footer.tokens.json",
@@ -3040,6 +3052,7 @@
             "border-block-end-width"
           ]
         },
+        "font-family": {},
         "font-weight": {
           "value": "700",
           "filePath": "src/component/utrecht/table.tokens.json",
@@ -3129,7 +3142,8 @@
               "hover",
               "background-color"
             ]
-          }
+          },
+          "color": {}
         },
         "border-block-end-color": {
           "value": "#d1d1d1",
@@ -3184,6 +3198,19 @@
           "color": {}
         }
       },
+      "body": {
+        "border": {}
+      },
+      "caption": {
+        "font-style": {},
+        "font-weight": {},
+        "font-family": {},
+        "font-size": {},
+        "color": {},
+        "line-height": {},
+        "text-align": {},
+        "margin-block-end": {}
+      },
       "border-color": {},
       "border-width": {},
       "font-family": {
@@ -3263,15 +3290,6 @@
           "margin-block-start"
         ]
       },
-      "caption": {
-        "font-weight": {},
-        "font-family": {},
-        "font-size": {},
-        "color": {},
-        "line-height": {},
-        "text-align": {},
-        "margin-block-end": {}
-      },
       "header-cell": {
         "font-size": {
           "value": "18px",

package/conduction-design-tokens/src/component/conduction/card.tokens.json

@@ -6,6 +6,17 @@
       "border-radius": { "value": "16px" },
       "border-width": { "value": "unset" },
       "color": { "value": "{conduction.color.black.0}" },
+      "header": {
+        "border-block-end": {},
+        "color": {},
+        "hover": {
+          "border-block-end": {},
+          "color": {}
+        }
+      },
+      "hover": {
+        "background-color": {}
+      },
       "padding-inline-end": { "value": "{conduction.size.md}" },
       "padding-inline-start": { "value": "{conduction.size.md}" },
       "padding-block-end": { "value": "{conduction.size.md}" },

package/conduction-design-tokens/src/component/conduction/page-footer.tokens.json

@@ -5,7 +5,8 @@
       "logo": {
         "max-height": { "value": "100px" },
         "max-width": { "value": "100px" }
-      }
+      },
+      "background-position": {}
     }
   }
 }

package/conduction-design-tokens/src/component/conduction/table.tokens.json

@@ -4,12 +4,20 @@
       "background-color": { "value": "{conduction.color.white.100}" },
       "header": {
         "border-block-end-color": { "value": "{conduction.color.grey.82}" },
-        "border-block-end-width": { "value": "{conduction.size.4xs}" }
+        "border-block-end-width": { "value": "{conduction.size.4xs}" },
+        "font-family": {}
       },
       "row": {
         "hover": {
-          "background-color": { "value": "{conduction.color.grey.97}" }
+          "background-color": { "value": "{conduction.color.grey.97}" },
+          "color": {}
         }
+      },
+      "body": {
+        "border": {}
+      },
+      "caption": {
+        "font-style": {}
       }
     }
   }

package/conduction-design-tokens/src/component/utrecht/list.tokens.json

@@ -24,6 +24,7 @@
         "margin-block-end": { "value": "{conduction.size.xs}" },
         "padding-inline-start": { "value": "1ch" }
       },
+
       "marker": {
         "color": { "value": "{conduction.color.primary}" }
       }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:08 GMT
+ * Generated on Fri, 18 Aug 2023 12:11:47 GMT
  */
 
 .dinkelland-theme {
@@ -37,7 +37,6 @@
   --utrecht-table-header-cell-text-transform: unset;
   --utrecht-table-margin-block-end: 0;
   --utrecht-table-header-text-transform: unset;
-  --utrecht-table-border-collapse: collapse;
   --utrecht-page-header-logo-max-width: 150px;
   --utrecht-page-footer-background-image: url(https://www.dinkelland.nl/sites/all/themes/dinkelland/dist/assets/img/footer-bg.svg);
   --utrecht-page-footer-background-color: unset;
@@ -115,8 +114,8 @@
   --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);
-  --utrecht-page-padding-inline-end: var(--dinkelland-size-lg);
-  --utrecht-page-padding-inline-start: var(--dinkelland-size-lg);
+  --utrecht-page-margin-inline-end: var(--dinkelland-size-lg);
+  --utrecht-page-margin-inline-start: var(--dinkelland-size-lg);
   --utrecht-unordered-list-item-margin-block-end: var(--dinkelland-size-xs);
   --utrecht-unordered-list-item-margin-block-start: var(--dinkelland-size-xs);
   --utrecht-unordered-list-margin-block-start: var(--dinkelland-size-md);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 16 Aug 2023 08:41:08 GMT
+ * Generated on Fri, 18 Aug 2023 12:11:47 GMT
  */
 
 export const dinkellandColorPrimary = "#006cb9";
@@ -150,7 +150,6 @@ export const utrechtPageHeaderBackgroundColor = "#ffffff";
 export const utrechtPageHeaderColor = "#333333";
 export const utrechtPageHeaderPaddingBlockStart = "14px";
 export const utrechtPageHeaderPaddingBlockEnd = "14px";
-export const utrechtTableBorderCollapse = "collapse";
 export const utrechtTableBackgroundColor = "#ffffff";
 export const utrechtTableHeaderBorderBlockEndColor = "#e5f0f8";
 export const utrechtTableHeaderBorderBlockEndWidth = "1px";
@@ -313,8 +312,8 @@ export const utrechtUnorderedListItemMarginBlockStart = "8px";
 export const utrechtUnorderedListItemMarginBlockEnd = "8px";
 export const utrechtUnorderedListItemPaddingInlineStart = "1ch";
 export const utrechtUnorderedListMarkerColor = "#333333";
-export const utrechtPagePaddingInlineStart = "24px";
-export const utrechtPagePaddingInlineEnd = "24px";
+export const utrechtPageMarginInlineStart = "24px";
+export const utrechtPageMarginInlineEnd = "24px";
 export const utrechtPageMaxInlineSize = "1140px";
 export const utrechtParagraphColor = "#333333";
 export const utrechtParagraphFontFamily = "\"Lato\", Arial, sans-serif";

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

@@ -5005,22 +5005,22 @@
     ]
   },
   {
-    "value": "1140px",
+    "value": "24px",
     "filePath": "src/component/utrecht/page.tokens.json",
     "isSource": true,
     "original": {
-      "value": "1140px"
+      "value": "{dinkelland.size.lg}"
     },
-    "name": "utrechtPageMaxInlineSize",
+    "name": "utrechtPageMarginInlineEnd",
     "attributes": {
       "category": "utrecht",
       "type": "page",
-      "item": "max-inline-size"
+      "item": "margin-inline-end"
     },
     "path": [
       "utrecht",
       "page",
-      "max-inline-size"
+      "margin-inline-end"
     ]
   },
   {
@@ -5030,35 +5030,35 @@
     "original": {
       "value": "{dinkelland.size.lg}"
     },
-    "name": "utrechtPagePaddingInlineEnd",
+    "name": "utrechtPageMarginInlineStart",
     "attributes": {
       "category": "utrecht",
       "type": "page",
-      "item": "padding-inline-end"
+      "item": "margin-inline-start"
     },
     "path": [
       "utrecht",
       "page",
-      "padding-inline-end"
+      "margin-inline-start"
     ]
   },
   {
-    "value": "24px",
+    "value": "1140px",
     "filePath": "src/component/utrecht/page.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{dinkelland.size.lg}"
+      "value": "1140px"
     },
-    "name": "utrechtPagePaddingInlineStart",
+    "name": "utrechtPageMaxInlineSize",
     "attributes": {
       "category": "utrecht",
       "type": "page",
-      "item": "padding-inline-start"
+      "item": "max-inline-size"
     },
     "path": [
       "utrecht",
       "page",
-      "padding-inline-start"
+      "max-inline-size"
     ]
   },
   {
@@ -5612,25 +5612,6 @@
       "border"
     ]
   },
-  {
-    "value": "collapse",
-    "filePath": "src/component/conduction/table.tokens.json",
-    "isSource": true,
-    "original": {
-      "value": "collapse"
-    },
-    "name": "utrechtTableBorderCollapse",
-    "attributes": {
-      "category": "utrecht",
-      "type": "table",
-      "item": "border-collapse"
-    },
-    "path": [
-      "utrecht",
-      "table",
-      "border-collapse"
-    ]
-  },
   {
     "value": "18px",
     "filePath": "src/component/utrecht/table.tokens.json",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 16 Aug 2023 08:41:09 GMT
+// Generated on Fri, 18 Aug 2023 12:11:47 GMT
 
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;
@@ -35,7 +35,6 @@
 @utrecht-table-header-cell-text-transform: unset;
 @utrecht-table-margin-block-end: 0;
 @utrecht-table-header-text-transform: unset;
-@utrecht-table-border-collapse: collapse;
 @utrecht-page-header-logo-max-width: 150px;
 @utrecht-page-footer-background-image: url(https://www.dinkelland.nl/sites/all/themes/dinkelland/dist/assets/img/footer-bg.svg);
 @utrecht-page-footer-background-color: unset;
@@ -113,8 +112,8 @@
 @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;
-@utrecht-page-padding-inline-end: @dinkelland-size-lg;
-@utrecht-page-padding-inline-start: @dinkelland-size-lg;
+@utrecht-page-margin-inline-end: @dinkelland-size-lg;
+@utrecht-page-margin-inline-start: @dinkelland-size-lg;
 @utrecht-unordered-list-item-margin-block-end: @dinkelland-size-xs;
 @utrecht-unordered-list-item-margin-block-start: @dinkelland-size-xs;
 @utrecht-unordered-list-margin-block-start: @dinkelland-size-md;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 16 Aug 2023 08:41:09 GMT
+// Generated on Fri, 18 Aug 2023 12:11:47 GMT
 
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;
@@ -35,7 +35,6 @@ $utrecht-text-box-border-radius: 0px;
 $utrecht-table-header-cell-text-transform: unset;
 $utrecht-table-margin-block-end: 0;
 $utrecht-table-header-text-transform: unset;
-$utrecht-table-border-collapse: collapse;
 $utrecht-page-header-logo-max-width: 150px;
 $utrecht-page-footer-background-image: url(https://www.dinkelland.nl/sites/all/themes/dinkelland/dist/assets/img/footer-bg.svg);
 $utrecht-page-footer-background-color: unset;
@@ -113,8 +112,8 @@ $conduction-input-select-background-color: $dinkelland-color-white-100;
 $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;
-$utrecht-page-padding-inline-end: $dinkelland-size-lg;
-$utrecht-page-padding-inline-start: $dinkelland-size-lg;
+$utrecht-page-margin-inline-end: $dinkelland-size-lg;
+$utrecht-page-margin-inline-start: $dinkelland-size-lg;
 $utrecht-unordered-list-item-margin-block-end: $dinkelland-size-xs;
 $utrecht-unordered-list-item-margin-block-start: $dinkelland-size-xs;
 $utrecht-unordered-list-margin-block-start: $dinkelland-size-md;

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

@@ -2394,6 +2394,17 @@
           "color"
         ]
       },
+      "header": {
+        "border-block-end": {},
+        "color": {},
+        "hover": {
+          "border-block-end": {},
+          "color": {}
+        }
+      },
+      "hover": {
+        "background-color": {}
+      },
       "padding-inline-end": {
         "value": "30px",
         "filePath": "src/component/conduction/card.tokens.json",
@@ -2840,6 +2851,7 @@
           ]
         }
       },
+      "background-position": {},
       "background-color": {
         "value": "unset",
         "filePath": "src/component/utrecht/page-footer.tokens.json",
@@ -3077,25 +3089,6 @@
       }
     },
     "table": {
-      "border-collapse": {
-        "value": "collapse",
-        "filePath": "src/component/conduction/table.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "collapse"
-        },
-        "name": "utrechtTableBorderCollapse",
-        "attributes": {
-          "category": "utrecht",
-          "type": "table",
-          "item": "border-collapse"
-        },
-        "path": [
-          "utrecht",
-          "table",
-          "border-collapse"
-        ]
-      },
       "background-color": {
         "value": "#ffffff",
         "filePath": "src/component/conduction/table.tokens.json",
@@ -3413,6 +3406,16 @@
           ]
         }
       },
+      "caption": {
+        "font-style": {},
+        "font-weight": {},
+        "font-family": {},
+        "font-size": {},
+        "color": {},
+        "line-height": {},
+        "text-align": {},
+        "margin-block-end": {}
+      },
       "border-color": {},
       "border-width": {},
       "font-family": {
@@ -3492,15 +3495,6 @@
           "margin-block-start"
         ]
       },
-      "caption": {
-        "font-weight": {},
-        "font-family": {},
-        "font-size": {},
-        "color": {},
-        "line-height": {},
-        "text-align": {},
-        "margin-block-end": {}
-      },
       "header-cell": {
         "font-size": {
           "value": "16px",
@@ -6591,42 +6585,42 @@
     "page": {
       "background-color": {},
       "color": {},
-      "padding-inline-start": {
+      "margin-inline-start": {
         "value": "24px",
         "filePath": "src/component/utrecht/page.tokens.json",
         "isSource": true,
         "original": {
           "value": "{dinkelland.size.lg}"
         },
-        "name": "utrechtPagePaddingInlineStart",
+        "name": "utrechtPageMarginInlineStart",
         "attributes": {
           "category": "utrecht",
           "type": "page",
-          "item": "padding-inline-start"
+          "item": "margin-inline-start"
         },
         "path": [
           "utrecht",
           "page",
-          "padding-inline-start"
+          "margin-inline-start"
         ]
       },
-      "padding-inline-end": {
+      "margin-inline-end": {
         "value": "24px",
         "filePath": "src/component/utrecht/page.tokens.json",
         "isSource": true,
         "original": {
           "value": "{dinkelland.size.lg}"
         },
-        "name": "utrechtPagePaddingInlineEnd",
+        "name": "utrechtPageMarginInlineEnd",
         "attributes": {
           "category": "utrecht",
           "type": "page",
-          "item": "padding-inline-end"
+          "item": "margin-inline-end"
         },
         "path": [
           "utrecht",
           "page",
-          "padding-inline-end"
+          "margin-inline-end"
         ]
       },
       "max-inline-size": {

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

@@ -6,6 +6,17 @@
       "border-radius": { "value": "0px" },
       "border-width": { "value": "unset" },
       "color": { "value": "{utrecht.document.color}" },
+      "header": {
+        "border-block-end": {},
+        "color": {},
+        "hover": {
+          "border-block-end": {},
+          "color": {}
+        }
+      },
+      "hover": {
+        "background-color": {}
+      },
       "padding-inline-end": { "value": "30px" },
       "padding-inline-start": { "value": "30px" },
       "padding-block-end": { "value": "30px" },

package/municipalities/dinkelland-design-tokens/src/component/conduction/page-footer.tokens.json

@@ -5,7 +5,8 @@
       "logo": {
         "max-height": { "value": "100px" },
         "max-width": { "value": "250px" }
-      }
+      },
+      "background-position": {}
     }
   }
 }

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

@@ -1,7 +1,6 @@
 {
   "utrecht": {
     "table": {
-      "border-collapse": { "value": "collapse" },
       "background-color": { "value": "{dinkelland.color.white.100}" },
       "header": {
         "border-block-end-color": { "value": "{dinkelland.color.blue.94}" },
@@ -16,6 +15,9 @@
       },
       "body": {
         "border": { "value": "{dinkelland.size.4xs} solid {dinkelland.color.blue.94}" }
+      },
+      "caption": {
+        "font-style": {}
       }
     }
   }

package/municipalities/dinkelland-design-tokens/src/component/utrecht/page.tokens.json

@@ -3,8 +3,8 @@
     "page": {
       "background-color": {},
       "color": {},
-      "padding-inline-start": { "value": "{dinkelland.size.lg}" },
-      "padding-inline-end": { "value": "{dinkelland.size.lg}" },
+      "margin-inline-start": { "value": "{dinkelland.size.lg}" },
+      "margin-inline-end": { "value": "{dinkelland.size.lg}" },
       "max-inline-size": { "value": "1140px" }
     }
   }

package/municipalities/epe-design-tokens/LICENSE.md

@@ -0,0 +1,17 @@
+# Auteursrecht Gemeente Epe
+
+Copyright (c) 2023 Gemeente Epe
+
+## Logo en huisstijl
+
+Op het huisstijl en logo zijn auteursrechten van toepassing. Het gebruik van logo en huisstijl is alleen toegestaan voor gebruik door Gemeente Epe.
+
+Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van Gemeente Epe gebruiken en je ontwerpt een eigen huisstijl.
+
+## Lettertype
+
+Lettertypes die worden gebruikt voor de huisstijl zijn niet allemaal gratis en open source. Let op dat bij gebruik van die bijgeleverde lettertypes je een (betaalde) licentie regelt. Pas anders de configuratie aan om minder of andere lettertypes te gebruiken.
+
+## Toestemming
+
+Wanneer je het logo of de huisstijl wilt gebruiken kun je voor toestemming contact opnemen met Gemeente Epe.