@conduction/theme 1.0.51 → 1.0.53

package/README.md

@@ -6,16 +6,21 @@ Conduction's design tokens theme
 
 - **Version 1**
 
+  - 1.0.53: Added Conduction Logo tokens.
+  - 1.0.52:
+    - Updated table tokens for Noordwijk theme.
+    - Added Footer content tokens to all themes.
+    - Updated breadcrumb tokens for Conduction theme.
   - 1.0.51: Added mobile tokens to footer-background-image in all themes.
   - 1.0.50: Updated select tokens in all themes.
   - 1.0.49: Updated Table-row hover color in Noordwijk theme.
   - 1.0.48: Updated Page-Footer tokens in all themes.
   - 1.0.47: Updated Pagination tokens in all themes.
-  - 1.0.46: 
+  - 1.0.46:
     - Added border-collapse to table in all themes.
     - Added table row hover and updated footer in Epe theme.
   - 1.0.45: Updated card-header border-bottom width for Epe theme
-  - 1.0.44: 
+  - 1.0.44:
     - Updated card-header border bottom and logo with in Epe theme.
     - Updated font-sizes in Noaberkracht theme.
     - Added table row hover color in Noordwijk theme.

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 23 Oct 2023 11:35:50 GMT
+ * Generated on Tue, 07 Nov 2023 10:07:28 GMT
  */
 
 .conduction-theme {
@@ -26,6 +26,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: none;
   --utrecht-page-footer-logo-max-width: 100px;
   --utrecht-page-footer-logo-max-height: 100px;
   --utrecht-form-input-font-size: 15px;
@@ -41,7 +44,7 @@
   --utrecht-breadcrumb-nav-padding-block-start: 12px;
   --utrecht-breadcrumb-nav-padding-inline-end: 0;
   --utrecht-breadcrumb-nav-padding-inline-start: 0;
-  --utrecht-breadcrumb-nav-border-radius: 999px;
+  --utrecht-breadcrumb-nav-border-radius: 3px;
   --utrecht-badge-counter-text-decoration: none;
   --utrecht-badge-counter-border-radius: 50%;
   --utrecht-action-submit-cursor: pointer;
@@ -85,6 +88,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://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png');
+  --conduction-logo-footer-block-size: 40px;
+  --conduction-logo-footer-inline-size: 220px;
+  --conduction-logo-header-background-image: url('https://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png');
+  --conduction-logo-header-block-size: 40px;
+  --conduction-logo-header-inline-size: 220px;
   --conduction-typography-font-weight-light: 100;
   --conduction-typography-font-weight-normal: 400;
   --conduction-typography-font-weight-bold: 700;
@@ -113,6 +122,7 @@
   --conduction-font-size-2xs: 10px;
   --conduction-font-size-3xs: 8px;
   --conduction-font-size-4xs: 5px;
+  --conduction-color-black-30: #4d4d4d;
   --conduction-color-black-0: #000000; /* Base/Black */
   --conduction-color-white-100: #ffffff; /* Base/White */
   --conduction-color-white-98: #fafafa;
@@ -217,6 +227,10 @@
   --utrecht-page-footer-padding-inline-end: var(--conduction-size-sm);
   --utrecht-page-footer-color: var(--conduction-color-black-0);
   --utrecht-page-footer-background-color: var(--conduction-color-lightgrey-96);
+  --utrecht-page-footer-link-hover-text-decoration-thickness: var(--conduction-size-4xs);
+  --utrecht-page-footer-link-hover-color: var(--conduction-color-black-30);
+  --utrecht-page-footer-link-text-underline-offset: var(--conduction-size-3xs);
+  --utrecht-page-footer-link-text-decoration-thickness: var(--conduction-size-4xs);
   --utrecht-icon-gap: var(--conduction-size-xs);
   --utrecht-form-input-padding-inline-start: var(--conduction-size-sm);
   --utrecht-form-input-padding-inline-end: var(--conduction-size-sm);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 23 Oct 2023 11:35:50 GMT
+ * Generated on Tue, 07 Nov 2023 10:07:28 GMT
  */
 
 export const conductionColorPrimary = "#4376fc";
@@ -26,6 +26,7 @@ export const conductionColorLightgrey96 = "#f5f5f5"; // Base/LightGrey
 export const conductionColorWhite98 = "#fafafa";
 export const conductionColorWhite100 = "#ffffff"; // Base/White
 export const conductionColorBlack0 = "#000000"; // Base/Black
+export const conductionColorBlack30 = "#4d4d4d";
 export const conductionFontSize4xs = "5px";
 export const conductionFontSize3xs = "8px";
 export const conductionFontSize2xs = "10px";
@@ -78,6 +79,12 @@ export const conductionCardWrapperPaddingInlineEnd = "18px";
 export const conductionCardWrapperPaddingInlineStart = "18px";
 export const conductionCardWrapperPaddingBlockEnd = "18px";
 export const conductionCardWrapperPaddingBlockStart = "18px";
+export const conductionLogoHeaderInlineSize = "220px";
+export const conductionLogoHeaderBlockSize = "40px";
+export const conductionLogoHeaderBackgroundImage = "url('https://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png')";
+export const conductionLogoFooterInlineSize = "220px";
+export const conductionLogoFooterBlockSize = "40px";
+export const conductionLogoFooterBackgroundImage = "url('https://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png')";
 export const conductionPrimaryTopNavColor = "#4a4a4a";
 export const conductionPrimaryTopNavBackgroundColor = "#ffffff";
 export const conductionPrimaryTopNavHoverColor = "#4376fc";
@@ -254,7 +261,7 @@ export const utrechtBreadcrumbNavLinkHoverColor = "#2e5ed9";
 export const utrechtBreadcrumbNavSeparatorColor = "#000000";
 export const utrechtBreadcrumbNavSeparatorIconSize = "14px";
 export const utrechtBreadcrumbNavBackgroundColor = "#ffffff";
-export const utrechtBreadcrumbNavBorderRadius = "999px";
+export const utrechtBreadcrumbNavBorderRadius = "3px";
 export const utrechtBreadcrumbNavPaddingInlineStart = "0";
 export const utrechtBreadcrumbNavPaddingInlineEnd = "0";
 export const utrechtBreadcrumbNavPaddingBlockStart = "12px";
@@ -328,6 +335,13 @@ export const utrechtFormInputPaddingInlineStart = "14px";
 export const utrechtIconGap = "8px";
 export const utrechtPageFooterLogoMaxHeight = "100px";
 export const utrechtPageFooterLogoMaxWidth = "100px";
+export const utrechtPageFooterLinkTextDecoration = "none";
+export const utrechtPageFooterLinkTextDecorationColor = "unset";
+export const utrechtPageFooterLinkTextDecorationThickness = "1px";
+export const utrechtPageFooterLinkTextUnderlineOffset = "2px";
+export const utrechtPageFooterLinkHoverColor = "#4d4d4d";
+export const utrechtPageFooterLinkHoverTextDecoration = "underline";
+export const utrechtPageFooterLinkHoverTextDecorationThickness = "1px";
 export const utrechtPageFooterBackgroundColor = "#f5f5f5";
 export const utrechtPageFooterBackgroundImage = "unset";
 export const utrechtPageFooterColor = "#000000";

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

@@ -431,6 +431,27 @@
       "0"
     ]
   },
+  {
+    "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"
+    ]
+  },
   {
     "value": "#dc3545",
     "filePath": "src/brand/conduction/color.tokens.json",
@@ -1147,6 +1168,132 @@
       "font-family"
     ]
   },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
   {
     "value": "unset",
     "filePath": "src/component/conduction/pagination.tokens.json",
@@ -4722,11 +4869,11 @@
     ]
   },
   {
-    "value": "999px",
+    "value": "3px",
     "filePath": "src/component/utrecht/extra-tokens/breadcrumb.tokens.json",
     "isSource": true,
     "original": {
-      "value": "999px"
+      "value": "3px"
     },
     "name": "utrechtBreadcrumbNavBorderRadius",
     "attributes": {
@@ -7169,6 +7316,159 @@
       "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
   {
     "value": "100px",
     "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 23 Oct 2023 11:35:50 GMT
+// Generated on Tue, 07 Nov 2023 10:07:28 GMT
 
 @utrecht-separator-margin-block-start: 0px;
 @utrecht-separator-margin-block-end: 0px;
@@ -24,6 +24,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: none;
 @utrecht-page-footer-logo-max-width: 100px;
 @utrecht-page-footer-logo-max-height: 100px;
 @utrecht-form-input-font-size: 15px;
@@ -39,7 +42,7 @@
 @utrecht-breadcrumb-nav-padding-block-start: 12px;
 @utrecht-breadcrumb-nav-padding-inline-end: 0;
 @utrecht-breadcrumb-nav-padding-inline-start: 0;
-@utrecht-breadcrumb-nav-border-radius: 999px;
+@utrecht-breadcrumb-nav-border-radius: 3px;
 @utrecht-badge-counter-text-decoration: none;
 @utrecht-badge-counter-border-radius: 50%;
 @utrecht-action-submit-cursor: pointer;
@@ -83,6 +86,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://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png');
+@conduction-logo-footer-block-size: 40px;
+@conduction-logo-footer-inline-size: 220px;
+@conduction-logo-header-background-image: url('https://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png');
+@conduction-logo-header-block-size: 40px;
+@conduction-logo-header-inline-size: 220px;
 @conduction-typography-font-weight-light: 100;
 @conduction-typography-font-weight-normal: 400;
 @conduction-typography-font-weight-bold: 700;
@@ -111,6 +120,7 @@
 @conduction-font-size-2xs: 10px;
 @conduction-font-size-3xs: 8px;
 @conduction-font-size-4xs: 5px;
+@conduction-color-black-30: #4d4d4d;
 @conduction-color-black-0: #000000; // Base/Black
 @conduction-color-white-100: #ffffff; // Base/White
 @conduction-color-white-98: #fafafa;
@@ -215,6 +225,10 @@
 @utrecht-page-footer-padding-inline-end: @conduction-size-sm;
 @utrecht-page-footer-color: @conduction-color-black-0;
 @utrecht-page-footer-background-color: @conduction-color-lightgrey-96;
+@utrecht-page-footer-link-hover-text-decoration-thickness: @conduction-size-4xs;
+@utrecht-page-footer-link-hover-color: @conduction-color-black-30;
+@utrecht-page-footer-link-text-underline-offset: @conduction-size-3xs;
+@utrecht-page-footer-link-text-decoration-thickness: @conduction-size-4xs;
 @utrecht-icon-gap: @conduction-size-xs;
 @utrecht-form-input-padding-inline-start: @conduction-size-sm;
 @utrecht-form-input-padding-inline-end: @conduction-size-sm;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 23 Oct 2023 11:35:50 GMT
+// Generated on Tue, 07 Nov 2023 10:07:28 GMT
 
 $utrecht-separator-margin-block-start: 0px;
 $utrecht-separator-margin-block-end: 0px;
@@ -24,6 +24,9 @@ $utrecht-table-header-text-transform: unset;
 $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: none;
 $utrecht-page-footer-logo-max-width: 100px;
 $utrecht-page-footer-logo-max-height: 100px;
 $utrecht-form-input-font-size: 15px;
@@ -39,7 +42,7 @@ $utrecht-breadcrumb-nav-padding-block-end: 12px;
 $utrecht-breadcrumb-nav-padding-block-start: 12px;
 $utrecht-breadcrumb-nav-padding-inline-end: 0;
 $utrecht-breadcrumb-nav-padding-inline-start: 0;
-$utrecht-breadcrumb-nav-border-radius: 999px;
+$utrecht-breadcrumb-nav-border-radius: 3px;
 $utrecht-badge-counter-text-decoration: none;
 $utrecht-badge-counter-border-radius: 50%;
 $utrecht-action-submit-cursor: pointer;
@@ -83,6 +86,12 @@ $conduction-primary-top-nav-padding-inline-end: 16px;
 $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://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png');
+$conduction-logo-footer-block-size: 40px;
+$conduction-logo-footer-inline-size: 220px;
+$conduction-logo-header-background-image: url('https://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png');
+$conduction-logo-header-block-size: 40px;
+$conduction-logo-header-inline-size: 220px;
 $conduction-typography-font-weight-light: 100;
 $conduction-typography-font-weight-normal: 400;
 $conduction-typography-font-weight-bold: 700;
@@ -111,6 +120,7 @@ $conduction-font-size-xs: 12px;
 $conduction-font-size-2xs: 10px;
 $conduction-font-size-3xs: 8px;
 $conduction-font-size-4xs: 5px;
+$conduction-color-black-30: #4d4d4d;
 $conduction-color-black-0: #000000; // Base/Black
 $conduction-color-white-100: #ffffff; // Base/White
 $conduction-color-white-98: #fafafa;
@@ -215,6 +225,10 @@ $utrecht-page-footer-padding-inline-start: $conduction-size-sm;
 $utrecht-page-footer-padding-inline-end: $conduction-size-sm;
 $utrecht-page-footer-color: $conduction-color-black-0;
 $utrecht-page-footer-background-color: $conduction-color-lightgrey-96;
+$utrecht-page-footer-link-hover-text-decoration-thickness: $conduction-size-4xs;
+$utrecht-page-footer-link-hover-color: $conduction-color-black-30;
+$utrecht-page-footer-link-text-underline-offset: $conduction-size-3xs;
+$utrecht-page-footer-link-text-decoration-thickness: $conduction-size-4xs;
 $utrecht-icon-gap: $conduction-size-xs;
 $utrecht-form-input-padding-inline-start: $conduction-size-sm;
 $utrecht-form-input-padding-inline-end: $conduction-size-sm;