@conduction/theme 1.1.20 → 1.1.22

package/municipalities/leiden-design-tokens/src/brand/leiden/font-size.tokens.json

@@ -1,17 +1,50 @@
 {
   "leiden": {
     "font-size": {
-      "4xs": { "value": "5px" },
-      "3xs": { "value": "8px" },
-      "2xs": { "value": "10px" },
-      "xs": { "value": "12px" },
-      "sm": { "value": "14px" },
-      "md": { "value": "18px" },
-      "lg": { "value": "20px" },
-      "xl": { "value": "24px" },
-      "2xl": { "value": "32px" },
-      "3xl": { "value": "48px" },
-      "4xl": { "value": "58px" }
+      "4xs": {
+        "value": "0.313rem",
+        "comment": "5px"
+      },
+      "3xs": {
+        "value": "0.5rem",
+        "comment": "8px"
+      },
+      "2xs": {
+        "value": "0.625rem",
+        "comment": "10px"
+      },
+      "xs": {
+        "value": "0.75rem",
+        "comment": "12px"
+      },
+      "sm": {
+        "value": "0.875rem",
+        "comment": "14px"
+      },
+      "md": {
+        "value": "1.125rem",
+        "comment": "18px"
+      },
+      "lg": {
+        "value": "1.25rem",
+        "comment": "20px"
+      },
+      "xl": {
+        "value": "1.5rem",
+        "comment": "24px"
+      },
+      "2xl": {
+        "value": "2rem",
+        "comment": "32px"
+      },
+      "3xl": {
+        "value": "3rem",
+        "comment": "48px"
+      },
+      "4xl": {
+        "value": "3.625rem",
+        "comment": "58px"
+      }
     }
   }
 }

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

@@ -2,22 +2,22 @@
   "conduction": {
     "logo": {
       "header": {
-        "inline-size": { "value": "80px" },
-        "block-size": { "value": "37px" },
+        "inline-size": { "value": "119px" },
+        "block-size": { "value": "55px" },
         "background-image": {
           "value": "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')"
         }
       },
       "footer": {
-        "inline-size": { "value": "120px" },
-        "block-size": { "value": "100px" },
+        "inline-size": { "value": "119px" },
+        "block-size": { "value": "55px" },
         "background-image": {
           "value": "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')"
         }
       },
       "navbar": {
-        "inline-size": { "value": "80px" },
-        "block-size": { "value": "45px" },
+        "inline-size": { "value": "104px" },
+        "block-size": { "value": "48px" },
         "background-image": {
           "value": "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')"
         }

package/municipalities/leiden-design-tokens/src/component/conduction/pagination.tokens.json

@@ -16,7 +16,10 @@
         "padding-inline-end": { "value": "{leiden.size.xs}" },
         "padding-block-start": { "value": "{leiden.size.xs}" },
         "padding-block-end": { "value": "{leiden.size.xs}" },
-        "font-size": { "value": "15px" },
+        "font-size": {
+          "value": "0.938rem",
+          "comment": "15px"
+        },
         "font-weight": { "value": "{leiden.typography.font-weight.bold}" },
         "font-family": { "value": "{utrecht.document.font-family}" },
         "border-width": {},
@@ -81,7 +84,7 @@
           "color": { "value": "{leiden.color.lightblue.37}" },
           "background-color": { "value": "{leiden.color.white.100}" },
           "text-decoration": { "value": "underline" },
-          "text-decoration-thickness": { "value": "1px" },
+          "text-decoration-thickness": { "value": "{leiden.size.4xs}" },
           "border-width": {},
           "border-style": {},
           "border-color": {},

package/municipalities/leiden-design-tokens/src/component/utrecht/breadcrumb.tokens.json

@@ -3,7 +3,10 @@
     "breadcrumb-nav": {
       "block-size": {},
       "font-family": { "value": "{utrecht.document.font-family}" },
-      "font-size": { "value": "15px" },
+      "font-size": {
+        "value": "0.938rem",
+        "comment": "15px"
+      },
       "text-transform": {},
       "item": {
         "padding-block-start": {},

package/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/skip-link.tokens.json

@@ -0,0 +1,17 @@
+{
+  "utrecht": {
+    "skip-link": {
+      "font-weight": { "value": "{leiden.typography.font-weight.bold}" },
+      "font-size": { "value": "{leiden.font-size.md}" },
+      "outline-style": {},
+      "outline-color": {},
+      "border-radius": { "value": "5px" },
+      "focus": {
+        "text-decoration": { "value": "{utrecht.skip-link.text-decoration}" }
+      },
+      "inset-block-start": { "value": "{leiden.size.lg}" },
+      "inset-inline-start": { "value": "{leiden.size.sm}" },
+      "box-shadow-width": {}
+    }
+  }
+}

package/municipalities/leiden-design-tokens/src/component/utrecht/focus.tokens.json

@@ -0,0 +1,15 @@
+{
+  "utrecht": {
+    "focus": {
+      "background-color": {},
+      "color": {},
+      "outline-color": { "value": "{leiden.color.white.100}" },
+      "outline-offset": { "value": "3px" },
+      "outline-style": { "value": "dotted" },
+      "outline-width": { "value": "{leiden.size.3xs}" },
+      "inverse": {
+        "outline-color": {}
+      }
+    }
+  }
+}

package/municipalities/leiden-design-tokens/src/component/utrecht/form-input.tokens.json

@@ -7,7 +7,10 @@
       "border-width": { "value": "{leiden.size.4xs}" },
       "color": { "value": "{leiden.color.grey.11}" },
       "font-family": { "value": "{leiden.typography.sans-serif.font-family}" },
-      "font-size": { "value": "15px" },
+      "font-size": {
+        "value": "0.938rem",
+        "comment": "15px"
+      },
       "min-inline-height": {},
       "max-inline-size": {},
       "padding-block-end": { "value": "{leiden.size.xs}" },

package/municipalities/leiden-design-tokens/src/component/utrecht/skip-link.tokens.json

@@ -0,0 +1,16 @@
+{
+  "utrecht": {
+    "skip-link": {
+      "background-color": { "value": "{leiden.color.primary}" },
+      "color": { "value": "{leiden.color.white.100}" },
+      "min-block-size": {},
+      "min-inline-size": {},
+      "padding-block-start": { "value": "10px" },
+      "padding-block-end": { "value": "10px" },
+      "padding-inline-start": { "value": "10px" },
+      "padding-inline-end": { "value": "10px" },
+      "text-decoration": { "value": "none" },
+      "z-index": { "value": "100000" }
+    }
+  }
+}

package/municipalities/leiden-design-tokens/src/component/utrecht/textbox.tokens.json

@@ -7,7 +7,10 @@
       "border-width": { "value": "{leiden.size.4xs}" },
       "color": { "value": "{leiden.color.grey.11}" },
       "font-family": { "value": "{leiden.typography.sans-serif.font-family}" },
-      "font-size": { "value": "15px" },
+      "font-size": {
+        "value": "0.938rem",
+        "comment": "15px"
+      },
       "min-inline-height": {},
       "max-inline-size": {},
       "padding-block-end": { "value": "{leiden.size.xs}" },

package/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/color.tokens.json

@@ -61,6 +61,9 @@
         }
       },
       "grey": {
+        "27": {
+          "value": "#444444"
+        },
         "31": {
           "value": "#4f4f4f"
         },
@@ -73,6 +76,9 @@
         "82": {
           "value": "#d1d1d1"
         },
+        "87": {
+          "value": "#dddddd"
+        },
         "97": {
           "value": "#f7f7f7"
         }
@@ -96,6 +102,10 @@
         "0": {
           "value": "#000000",
           "comment": "Base/Black"
+        },
+        "0-60t": {
+          "value": "#00000099",
+          "comment": "Black with 60% transparency"
         }
       }
     }

package/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/font-size.tokens.json

@@ -1,18 +1,54 @@
 {
   "noaberkracht": {
     "font-size": {
-      "4xs": { "value": "5px" },
-      "3xs": { "value": "8px" },
-      "2xs": { "value": "10x" },
-      "xs": { "value": "12px" },
-      "sm": { "value": "14px" },
-      "md": { "value": "18px" },
-      "lg": { "value": "24px" },
-      "xl": { "value": "36px" },
-      "2xl": { "value": "48px" },
-      "3xl": { "value": "60px" },
-      "4xl": { "value": "72px" },
-      "5xl": { "value": "84px" }
+      "4xs": {
+        "value": "0.313rem",
+        "comment": "5px"
+      },
+      "3xs": {
+        "value": "0.5rem",
+        "comment": "8px"
+      },
+      "2xs": {
+        "value": "0.625rem",
+        "comment": "10px"
+      },
+      "xs": {
+        "value": "0.75rem",
+        "comment": "12px"
+      },
+      "sm": {
+        "value": "0.875rem",
+        "comment": "14px"
+      },
+      "md": {
+        "value": "1.125rem",
+        "comment": "18px"
+      },
+      "lg": {
+        "value": "1.5rem",
+        "comment": "24px"
+      },
+      "xl": {
+        "value": "2.25rem",
+        "comment": "36px"
+      },
+      "2xl": {
+        "value": "3rem",
+        "comment": "48px"
+      },
+      "3xl": {
+        "value": "3.75rem",
+        "comment": "60px"
+      },
+      "4xl": {
+        "value": "4.5rem",
+        "comment": "72px"
+      },
+      "5xl": {
+        "value": "5.25rem",
+        "comment": "84px"
+      }
     }
   }
 }

package/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/skip-link.tokens.json

@@ -0,0 +1,17 @@
+{
+  "utrecht": {
+    "skip-link": {
+      "font-weight": { "value": "{noaberkracht.typography.font-weight.bold}" },
+      "font-size": { "value": "{noaberkracht.font-size.md}" },
+      "outline-style": { "value": "none" },
+      "outline-color": {},
+      "border-radius": { "value": "3px" },
+      "focus": {
+        "text-decoration": { "value": "{utrecht.skip-link.text-decoration}" }
+      },
+      "inset-block-start": {},
+      "inset-inline-start": {},
+      "box-shadow-width": {}
+    }
+  }
+}

package/municipalities/noaberkracht-design-tokens/src/component/utrecht/focus.tokens.json

@@ -0,0 +1,15 @@
+{
+  "utrecht": {
+    "focus": {
+      "background-color": {},
+      "color": {},
+      "outline-color": {},
+      "outline-offset": { "value": "2.5px" },
+      "outline-style": {},
+      "outline-width": { "value": "2.5px" },
+      "inverse": {
+        "outline-color": { "value": "{noaberkracht.color.black.0-60t}" }
+      }
+    }
+  }
+}

package/municipalities/noaberkracht-design-tokens/src/component/utrecht/form-input.tokens.json

@@ -7,7 +7,10 @@
       "border-width": { "value": "{noaberkracht.size.4xs}" },
       "color": { "value": "{noaberkracht.color.blue.22}" },
       "font-family": { "value": "{noaberkracht.typography.greycliff-cf.font-family}" },
-      "font-size": { "value": "14px" },
+      "font-size": {
+        "value": "0.875rem",
+        "comment": "14px"
+      },
       "min-inline-height": {},
       "max-inline-size": {},
       "padding-block-end": { "value": "{noaberkracht.size.xs}" },

package/municipalities/noaberkracht-design-tokens/src/component/utrecht/skip-link.tokens.json

@@ -0,0 +1,16 @@
+{
+  "utrecht": {
+    "skip-link": {
+      "background-color": { "value": "{noaberkracht.color.grey.87}" },
+      "color": { "value": "{noaberkracht.color.grey.27}" },
+      "min-block-size": { "value": "20px" },
+      "min-inline-size": { "value": "20px" },
+      "padding-block-start": { "value": "15px" },
+      "padding-block-end": { "value": "{noaberkracht.size.sm}" },
+      "padding-inline-start": { "value": "23px" },
+      "padding-inline-end": { "value": "23px" },
+      "text-decoration": { "value": "none" },
+      "z-index": { "value": "100000" }
+    }
+  }
+}

package/municipalities/noaberkracht-design-tokens/src/component/utrecht/textbox.tokens.json

@@ -7,7 +7,10 @@
       "border-width": { "value": "{noaberkracht.size.4xs}" },
       "color": { "value": "{noaberkracht.color.blue.22}" },
       "font-family": { "value": "{noaberkracht.typography.greycliff-cf.font-family}" },
-      "font-size": { "value": "14px" },
+      "font-size": {
+        "value": "0.875rem",
+        "comment": "14px"
+      },
       "min-inline-height": {},
       "max-inline-size": {},
       "padding-block-end": { "value": "{noaberkracht.size.xs}" },

package/municipalities/noordwijk-design-tokens/src/brand/noordwijk/color.tokens.json

@@ -75,6 +75,9 @@
         "15": {
           "value": "#16113b"
         },
+        "23": {
+          "value": "#221a5a"
+        },
         "30": {
           "value": "#2c2276",
           "comment": "Base/Blue"

package/municipalities/noordwijk-design-tokens/src/brand/noordwijk/font-size.tokens.json

@@ -1,17 +1,50 @@
 {
   "noordwijk": {
     "font-size": {
-      "4xs": { "value": "5px" },
-      "3xs": { "value": "8px" },
-      "2xs": { "value": "10px" },
-      "xs": { "value": "12px" },
-      "sm": { "value": "14px" },
-      "md": { "value": "16px" },
-      "lg": { "value": "18px" },
-      "xl": { "value": "24px" },
-      "2xl": { "value": "32px" },
-      "3xl": { "value": "48px" },
-      "4xl": { "value": "58px" }
+      "4xs": {
+        "value": "0.313rem",
+        "comment": "5px"
+      },
+      "3xs": {
+        "value": "0.5rem",
+        "comment": "8px"
+      },
+      "2xs": {
+        "value": "0.625rem",
+        "comment": "10px"
+      },
+      "xs": {
+        "value": "0.75rem",
+        "comment": "12px"
+      },
+      "sm": {
+        "value": "0.875rem",
+        "comment": "14px"
+      },
+      "md": {
+        "value": "1rem",
+        "comment": "16px"
+      },
+      "lg": {
+        "value": "1.125rem",
+        "comment": "18px"
+      },
+      "xl": {
+        "value": "1.5rem",
+        "comment": "24px"
+      },
+      "2xl": {
+        "value": "2rem",
+        "comment": "32px"
+      },
+      "3xl": {
+        "value": "3rem",
+        "comment": "48px"
+      },
+      "4xl": {
+        "value": "3.625rem",
+        "comment": "58px"
+      }
     }
   }
 }

package/municipalities/noordwijk-design-tokens/src/component/conduction/select.tokens.json

@@ -4,7 +4,7 @@
       "background-color": { "value": "{noordwijk.color.white.100}" },
       "border": { "value": "{noordwijk.size.4xs} solid {noordwijk.color.grey.46}" },
       "border-focus": { "value": "unset" },
-      "border-radius": { "value": "{utrecht.form-input.border-radius}" },
+      "border-radius": {},
       "invalid-border-color": { "value": "{noordwijk.color.error}" },
       "padding-block-end": { "value": 0 },
       "padding-block-start": { "value": 0 },

package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/skip-link.tokens.json

@@ -0,0 +1,20 @@
+{
+  "utrecht": {
+    "skip-link": {
+      "font-weight": { "value": "500" },
+      "font-size": {
+        "value": "0.9rem",
+        "comment": "14.4px"
+      },
+      "outline-style": {},
+      "outline-color": {},
+      "border-radius": { "value": "5px" },
+      "focus": {
+        "text-decoration": { "value": "{utrecht.skip-link.text-decoration}" }
+      },
+      "inset-block-start": { "value": "19px" },
+      "inset-inline-start": {"value": "16px"},
+      "box-shadow-width": {}
+    }
+  }
+}

package/municipalities/noordwijk-design-tokens/src/component/utrecht/focus.tokens.json

@@ -0,0 +1,15 @@
+{
+  "utrecht": {
+    "focus": {
+      "background-color": {},
+      "color": {},
+      "outline-color": { "value": "{noordwijk.color.black.0}" },
+      "outline-offset": { "value": "{noordwijk.size.2xs}" },
+      "outline-style": {},
+      "outline-width": {},
+      "inverse": {
+        "outline-color": { "value": "{noordwijk.color.blue.23}" }
+      }
+    }
+  }
+}

package/municipalities/noordwijk-design-tokens/src/component/utrecht/form-input.tokens.json

@@ -7,7 +7,10 @@
       "border-width": { "value": "{noordwijk.size.4xs}" },
       "color": { "value": "{noordwijk.color.grey.29}" },
       "font-family": { "value": "{noordwijk.typography.roboto.font-family}" },
-      "font-size": { "value": "15px" },
+      "font-size": {
+        "value": "0.938rem",
+        "comment": "15px"
+      },
       "min-inline-height": {},
       "max-inline-size": {},
       "padding-block-end": { "value": "{noordwijk.size.xs}" },

package/municipalities/noordwijk-design-tokens/src/component/utrecht/heading.tokens.json

@@ -3,7 +3,10 @@
     "heading-1": {
       "color": { "value": "{noordwijk.color.primary} !important" },
       "font-family": { "value": "{noordwijk.typography.roboto.font-family}" },
-      "font-size": { "value": "36px" },
+      "font-size": {
+        "value": "2.25rem",
+        "comment": "36px"
+      },
       "font-weight": { "value": "{noordwijk.typography.font-weight.bold}" },
       "line-height": {},
       "margin-block-end": { "value": "{noordwijk.size.2xl}" },
@@ -12,7 +15,10 @@
     "heading-2": {
       "color": { "value": "{noordwijk.color.primary}" },
       "font-family": { "value": "{noordwijk.typography.roboto.font-family}" },
-      "font-size": { "value": "26px" },
+      "font-size": {
+        "value": "1.625rem",
+        "comment": "26px"
+      },
       "font-weight": { "value": "{noordwijk.typography.font-weight.bold}" },
       "line-height": {},
       "margin-block-end": { "value": "{noordwijk.size.2xl}" },
@@ -21,7 +27,10 @@
     "heading-3": {
       "color": { "value": "{noordwijk.color.primary}" },
       "font-family": { "value": "{noordwijk.typography.roboto.font-family}" },
-      "font-size": { "value": "21px" },
+      "font-size": {
+        "value": "1.313rem",
+        "comment": "21px"
+      },
       "font-weight": { "value": "{noordwijk.typography.font-weight.normal}" },
       "line-height": {},
       "margin-block-end": { "value": "{noordwijk.size.xl}" },

package/municipalities/noordwijk-design-tokens/src/component/utrecht/skip-link.tokens.json

@@ -0,0 +1,16 @@
+{
+  "utrecht": {
+    "skip-link": {
+      "background-color": { "value": "{noordwijk.color.blue.23}" },
+      "color": { "value": "{noordwijk.color.white.100}" },
+      "min-block-size": {},
+      "min-inline-size": {},
+      "padding-block-start": { "value": "20.16px" },
+      "padding-block-end": { "value": "20.16px" },
+      "padding-inline-start": { "value": "25.92px" },
+      "padding-inline-end": { "value": "25.92px" },
+      "text-decoration": { "value": "none" },
+      "z-index": { "value": "100000" }
+    }
+  }
+}

package/municipalities/noordwijk-design-tokens/src/component/utrecht/textbox.tokens.json

@@ -7,7 +7,10 @@
       "border-width": { "value": "{noordwijk.size.4xs}" },
       "color": { "value": "{noordwijk.color.grey.29}" },
       "font-family": { "value": "{noordwijk.typography.roboto.font-family}" },
-      "font-size": { "value": "15px" },
+      "font-size": {
+        "value": "0.938rem",
+        "comment": "15px"
+      },
       "min-inline-height": {},
       "max-inline-size": {},
       "padding-block-end": { "value": "{noordwijk.size.xs}" },

package/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json

@@ -96,6 +96,18 @@
         "97": {
           "value": "#f7f7f7"
         }
+      },
+      "blue": {
+        "50": {
+          "value": "#0000FF",
+          "comment": "Base/Blue"
+        }
+      },
+      "light-blue": {
+        "50": {
+          "value": "#007bff",
+          "comment": "Base/Light-Blue"
+        }
       }
     }
   }