@conduction/theme 1.0.51 → 1.0.53

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

@@ -470,6 +470,27 @@
             "black",
             "0"
           ]
+        },
+        "30": {
+          "value": "#4d4d4d",
+          "filePath": "src/brand/conduction/color.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#4d4d4d"
+          },
+          "name": "conductionColorBlack30",
+          "attributes": {
+            "category": "conduction",
+            "type": "color",
+            "item": "black",
+            "subitem": "30"
+          },
+          "path": [
+            "conduction",
+            "color",
+            "black",
+            "30"
+          ]
         }
       }
     },
@@ -1551,6 +1572,138 @@
         ]
       }
     },
+    "logo": {
+      "header": {
+        "inline-size": {
+          "value": "220px",
+          "filePath": "src/component/conduction/logo.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "220px"
+          },
+          "name": "conductionLogoHeaderInlineSize",
+          "attributes": {
+            "category": "conduction",
+            "type": "logo",
+            "item": "header",
+            "subitem": "inline-size"
+          },
+          "path": [
+            "conduction",
+            "logo",
+            "header",
+            "inline-size"
+          ]
+        },
+        "block-size": {
+          "value": "40px",
+          "filePath": "src/component/conduction/logo.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "40px"
+          },
+          "name": "conductionLogoHeaderBlockSize",
+          "attributes": {
+            "category": "conduction",
+            "type": "logo",
+            "item": "header",
+            "subitem": "block-size"
+          },
+          "path": [
+            "conduction",
+            "logo",
+            "header",
+            "block-size"
+          ]
+        },
+        "background-image": {
+          "value": "url('https://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png')",
+          "filePath": "src/component/conduction/logo.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "url('https://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png')"
+          },
+          "name": "conductionLogoHeaderBackgroundImage",
+          "attributes": {
+            "category": "conduction",
+            "type": "logo",
+            "item": "header",
+            "subitem": "background-image"
+          },
+          "path": [
+            "conduction",
+            "logo",
+            "header",
+            "background-image"
+          ]
+        }
+      },
+      "footer": {
+        "inline-size": {
+          "value": "220px",
+          "filePath": "src/component/conduction/logo.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "220px"
+          },
+          "name": "conductionLogoFooterInlineSize",
+          "attributes": {
+            "category": "conduction",
+            "type": "logo",
+            "item": "footer",
+            "subitem": "inline-size"
+          },
+          "path": [
+            "conduction",
+            "logo",
+            "footer",
+            "inline-size"
+          ]
+        },
+        "block-size": {
+          "value": "40px",
+          "filePath": "src/component/conduction/logo.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "40px"
+          },
+          "name": "conductionLogoFooterBlockSize",
+          "attributes": {
+            "category": "conduction",
+            "type": "logo",
+            "item": "footer",
+            "subitem": "block-size"
+          },
+          "path": [
+            "conduction",
+            "logo",
+            "footer",
+            "block-size"
+          ]
+        },
+        "background-image": {
+          "value": "url('https://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png')",
+          "filePath": "src/component/conduction/logo.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "url('https://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png')"
+          },
+          "name": "conductionLogoFooterBackgroundImage",
+          "attributes": {
+            "category": "conduction",
+            "type": "logo",
+            "item": "footer",
+            "subitem": "background-image"
+          },
+          "path": [
+            "conduction",
+            "logo",
+            "footer",
+            "background-image"
+          ]
+        }
+      }
+    },
     "primary": {
       "top-nav": {
         "color": {
@@ -5554,11 +5707,11 @@
         ]
       },
       "border-radius": {
-        "value": "999px",
+        "value": "3px",
         "filePath": "src/component/utrecht/extra-tokens/breadcrumb.tokens.json",
         "isSource": true,
         "original": {
-          "value": "999px"
+          "value": "3px"
         },
         "name": "utrechtBreadcrumbNavBorderRadius",
         "attributes": {
@@ -7190,6 +7343,171 @@
       "mobile": {
         "background-position": {}
       },
+      "icon": {
+        "color": {}
+      },
+      "heading": {
+        "color": {},
+        "font-family": {}
+      },
+      "link": {
+        "color": {},
+        "text-decoration": {
+          "value": "none",
+          "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "none"
+          },
+          "name": "utrechtPageFooterLinkTextDecoration",
+          "attributes": {
+            "category": "utrecht",
+            "type": "page-footer",
+            "item": "link",
+            "subitem": "text-decoration"
+          },
+          "path": [
+            "utrecht",
+            "page-footer",
+            "link",
+            "text-decoration"
+          ]
+        },
+        "text-decoration-color": {
+          "value": "unset",
+          "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "unset"
+          },
+          "name": "utrechtPageFooterLinkTextDecorationColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "page-footer",
+            "item": "link",
+            "subitem": "text-decoration-color"
+          },
+          "path": [
+            "utrecht",
+            "page-footer",
+            "link",
+            "text-decoration-color"
+          ]
+        },
+        "text-decoration-thickness": {
+          "value": "1px",
+          "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.size.4xs}"
+          },
+          "name": "utrechtPageFooterLinkTextDecorationThickness",
+          "attributes": {
+            "category": "utrecht",
+            "type": "page-footer",
+            "item": "link",
+            "subitem": "text-decoration-thickness"
+          },
+          "path": [
+            "utrecht",
+            "page-footer",
+            "link",
+            "text-decoration-thickness"
+          ]
+        },
+        "text-underline-offset": {
+          "value": "2px",
+          "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.size.3xs}"
+          },
+          "name": "utrechtPageFooterLinkTextUnderlineOffset",
+          "attributes": {
+            "category": "utrecht",
+            "type": "page-footer",
+            "item": "link",
+            "subitem": "text-underline-offset"
+          },
+          "path": [
+            "utrecht",
+            "page-footer",
+            "link",
+            "text-underline-offset"
+          ]
+        },
+        "hover": {
+          "color": {
+            "value": "#4d4d4d",
+            "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.color.black.30}"
+            },
+            "name": "utrechtPageFooterLinkHoverColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "page-footer",
+              "item": "link",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "page-footer",
+              "link",
+              "hover",
+              "color"
+            ]
+          },
+          "text-decoration": {
+            "value": "underline",
+            "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "underline"
+            },
+            "name": "utrechtPageFooterLinkHoverTextDecoration",
+            "attributes": {
+              "category": "utrecht",
+              "type": "page-footer",
+              "item": "link",
+              "subitem": "hover",
+              "state": "text-decoration"
+            },
+            "path": [
+              "utrecht",
+              "page-footer",
+              "link",
+              "hover",
+              "text-decoration"
+            ]
+          },
+          "text-decoration-thickness": {
+            "value": "1px",
+            "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.size.4xs}"
+            },
+            "name": "utrechtPageFooterLinkHoverTextDecorationThickness",
+            "attributes": {
+              "category": "utrecht",
+              "type": "page-footer",
+              "item": "link",
+              "subitem": "hover",
+              "state": "text-decoration-thickness"
+            },
+            "path": [
+              "utrecht",
+              "page-footer",
+              "link",
+              "hover",
+              "text-decoration-thickness"
+            ]
+          }
+        }
+      },
       "background-color": {
         "value": "#f5f5f5",
         "filePath": "src/component/utrecht/page-footer.tokens.json",

package/conduction-design-tokens/src/brand/conduction/color.tokens.json

@@ -56,6 +56,9 @@
         "0": {
           "value": "#000000",
           "comment": "Base/Black"
+        },
+        "30": {
+          "value": "#4d4d4d"
         }
       }
     }

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

@@ -0,0 +1,21 @@
+{
+  "conduction": {
+    "logo": {
+      "header": {
+        "inline-size": { "value": "220px" },
+        "block-size": { "value": "40px" },
+        "background-image": {
+          "value": "url('https://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png')"
+        }
+      },
+
+      "footer": {
+        "inline-size": { "value": "220px" },
+        "block-size": { "value": "40px" },
+        "background-image": {
+          "value": "url('https://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png')"
+        }
+      }
+    }
+  }
+}

package/conduction-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json

@@ -2,7 +2,7 @@
   "utrecht": {
     "breadcrumb-nav": {
       "background-color": { "value": "{conduction.color.white.100}" },
-      "border-radius": { "value": "999px" },
+      "border-radius": { "value": "3px" },
       "padding-inline-start": { "value": "0" },
       "padding-inline-end": { "value": "0" },
       "padding-block-start": { "value": "12px" },

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

@@ -10,6 +10,25 @@
       "background-position": {},
       "mobile": {
         "background-position": {}
+      },
+      "icon": {
+        "color": {}
+      },
+      "heading": {
+        "color": {},
+        "font-family": {}
+      },
+      "link": {
+        "color": {},
+        "text-decoration": { "value": "none" },
+        "text-decoration-color": { "value": "unset" },
+        "text-decoration-thickness": { "value": "{conduction.size.4xs}" },
+        "text-underline-offset": { "value": "{conduction.size.3xs}" },
+        "hover": {
+          "color": { "value": "{conduction.color.black.30}" },
+          "text-decoration": { "value": "underline" },
+          "text-decoration-thickness": { "value": "{conduction.size.4xs}" }
+        }
       }
     }
   }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 23 Oct 2023 11:37:14 GMT
+ * Generated on Tue, 07 Nov 2023 10:07:58 GMT
  */
 
 .dimpact-theme {
@@ -44,6 +44,12 @@
   --conduction-primary-top-nav-item-padding: 18px;
   --conduction-primary-top-nav-current-mobile-box-shadow: ;
   --conduction-primary-top-nav-current-box-shadow: ;
+  --conduction-logo-footer-background-image: url('https://www.dimpact.nl/sites/all/themes/custom/dimpact/logo.png');
+  --conduction-logo-footer-block-size: 44px;
+  --conduction-logo-footer-inline-size: 150px;
+  --conduction-logo-header-background-image: url('https://www.dimpact.nl/sites/all/themes/custom/dimpact/logo.png');
+  --conduction-logo-header-block-size: 44px;
+  --conduction-logo-header-inline-size: 150px;
   --conduction-card-wrapper-border-radius: 6px;
   --conduction-card-wrapper-border-style: solid;
   --utrecht-separator-margin-block-start: 0px;
@@ -64,6 +70,9 @@
   --utrecht-table-border-collapse: collapse;
   --utrecht-page-header-logo-max-width: 150px;
   --utrecht-page-footer-background-image: unset;
+  --utrecht-page-footer-link-hover-text-decoration: underline;
+  --utrecht-page-footer-link-text-decoration-color: unset;
+  --utrecht-page-footer-link-text-decoration: underline;
   --utrecht-page-footer-logo-max-width: 160px;
   --utrecht-page-footer-logo-max-height: 100px;
   --utrecht-form-input-font-size: 15px;
@@ -298,6 +307,11 @@
   --utrecht-page-footer-padding-inline-end: var(--dimpact-size-sm);
   --utrecht-page-footer-color: var(--dimpact-color-white-100);
   --utrecht-page-footer-background-color: var(--dimpact-color-primary);
+  --utrecht-page-footer-link-hover-text-decoration-thickness: var(--dimpact-size-4xs);
+  --utrecht-page-footer-link-hover-color: var(--dimpact-color-primary-hover);
+  --utrecht-page-footer-link-text-underline-offset: var(--dimpact-size-3xs);
+  --utrecht-page-footer-link-text-decoration-thickness: var(--dimpact-size-4xs);
+  --utrecht-page-footer-link-color: var(--dimpact-color-white-100);
   --utrecht-icon-gap: var(--dimpact-size-xs);
   --utrecht-form-input-padding-inline-start: var(--dimpact-size-sm);
   --utrecht-form-input-padding-inline-end: var(--dimpact-size-sm);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 23 Oct 2023 11:37:14 GMT
+ * Generated on Tue, 07 Nov 2023 10:07:58 GMT
  */
 
 export const dimpactColorPrimary = "#00377a";
@@ -195,6 +195,14 @@ export const utrechtFormInputPaddingInlineStart = "14px";
 export const utrechtIconGap = "8px";
 export const utrechtPageFooterLogoMaxHeight = "100px";
 export const utrechtPageFooterLogoMaxWidth = "160px";
+export const utrechtPageFooterLinkColor = "#ffffff";
+export const utrechtPageFooterLinkTextDecoration = "underline";
+export const utrechtPageFooterLinkTextDecorationColor = "unset";
+export const utrechtPageFooterLinkTextDecorationThickness = "1px";
+export const utrechtPageFooterLinkTextUnderlineOffset = "2px";
+export const utrechtPageFooterLinkHoverColor = "#fa4494";
+export const utrechtPageFooterLinkHoverTextDecoration = "underline";
+export const utrechtPageFooterLinkHoverTextDecorationThickness = "1px";
 export const utrechtPageFooterBackgroundColor = "#00377a";
 export const utrechtPageFooterBackgroundImage = "unset";
 export const utrechtPageFooterColor = "#ffffff";
@@ -319,6 +327,12 @@ export const conductionCardWrapperPaddingInlineEnd = "18px";
 export const conductionCardWrapperPaddingInlineStart = "18px";
 export const conductionCardWrapperPaddingBlockEnd = "18px";
 export const conductionCardWrapperPaddingBlockStart = "18px";
+export const conductionLogoHeaderInlineSize = "150px";
+export const conductionLogoHeaderBlockSize = "44px";
+export const conductionLogoHeaderBackgroundImage = "url('https://www.dimpact.nl/sites/all/themes/custom/dimpact/logo.png')";
+export const conductionLogoFooterInlineSize = "150px";
+export const conductionLogoFooterBlockSize = "44px";
+export const conductionLogoFooterBackgroundImage = "url('https://www.dimpact.nl/sites/all/themes/custom/dimpact/logo.png')";
 export const conductionPrimaryTopNavColor = "#00377a";
 export const conductionPrimaryTopNavBackgroundColor = "#ffffff";
 export const conductionPrimaryTopNavHoverColor = "#ffffff";