@conduction/theme 1.0.51 → 1.0.52

package/README.md

@@ -6,16 +6,20 @@ Conduction's design tokens theme
 
 - **Version 1**
 
+  - 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 Wed, 01 Nov 2023 13:31:13 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;
@@ -113,6 +116,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 +221,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 Wed, 01 Nov 2023 13:31:13 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";
@@ -254,7 +255,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 +329,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",
@@ -4722,11 +4743,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 +7190,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 Wed, 01 Nov 2023 13:31:13 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;
@@ -111,6 +114,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 +219,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 Wed, 01 Nov 2023 13:31:13 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;
@@ -111,6 +114,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 +219,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;

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"
+          ]
         }
       }
     },
@@ -5554,11 +5575,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 +7211,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/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}" }
+        }
       }
     }
   }