@conduction/theme 1.0.16 → 1.0.18

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

@@ -0,0 +1,53 @@
+{
+  "utrecht": {
+    "heading-1": {
+      "color": { "value": "{tubbergen.color.black.13}" },
+      "font-family": { "value": "{tubbergen.typography.montserrat.font-family}" },
+      "font-size": { "value": "{tubbergen.font-size.2xl}" },
+      "font-weight": { "value": "{tubbergen.typography.font-weight.bold}" },
+      "line-height": {},
+      "margin-block-end": { "value": "{tubbergen.size.sm}" },
+      "margin-block-start": { "value": "{tubbergen.size.sm}" }
+    },
+
+    "heading-2": {
+      "color": { "value": "{tubbergen.color.black.13}" },
+      "font-family": { "value": "{tubbergen.typography.montserrat.font-family}" },
+      "font-size": { "value": "{tubbergen.font-size.xl}" },
+      "font-weight": { "value": "{tubbergen.typography.font-weight.bold}" },
+      "line-height": {},
+      "margin-block-end": { "value": "{tubbergen.size.xs}" },
+      "margin-block-start": { "value": 0 }
+    },
+
+    "heading-3": {
+      "color": { "value": "{tubbergen.color.black.13}" },
+      "font-family": { "value": "{tubbergen.typography.montserrat.font-family}" },
+      "font-size": { "value": "{tubbergen.font-size.lg}" },
+      "font-weight": { "value": "{tubbergen.typography.font-weight.normal}" },
+      "line-height": {},
+      "margin-block-end": { "value": "{tubbergen.size.2xs}" },
+      "margin-block-start": { "value": 0 }
+    },
+
+    "heading-4": {
+      "color": { "value": "{tubbergen.color.black.13}" },
+      "font-family": { "value": "{tubbergen.typography.montserrat.font-family}" },
+      "font-size": { "value": "{tubbergen.font-size.md}" },
+      "font-weight": { "value": "{tubbergen.typography.font-weight.normal}" },
+      "line-height": {},
+      "margin-block-end": { "value": 0 },
+      "margin-block-start": { "value": 0 }
+    },
+
+    "heading-5": {
+      "color": { "value": "{tubbergen.color.black.13}" },
+      "font-family": { "value": "{tubbergen.typography.montserrat.font-family}" },
+      "font-size": { "value": "{tubbergen.font-size.md}" },
+      "font-weight": { "value": "{tubbergen.typography.font-weight.light}" },
+      "line-height": {},
+      "margin-block-end": { "value": 0 },
+      "margin-block-start": { "value": 0 }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/component/utrecht/icon.tokens.json

@@ -0,0 +1,13 @@
+{
+  "utrecht": {
+    "icon": {
+      "color": {},
+      "gap": { "value": "{tubbergen.size.xs}" },
+      "size": {},
+      "inset-block-start": {},
+      "baseline": {
+        "inset-block-start": {}
+      }
+    }
+  }
+}

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

@@ -0,0 +1,33 @@
+{
+  "utrecht": {
+    "link": {
+      "color": { "value": "{tubbergen.color.primary}" },
+      "text-decoration": { "value": "none" },
+      "text-decoration-color": { "value": "unset" },
+      "text-decoration-thickness": { "value": 0 },
+      "text-underline-offset": { "value": "{tubbergen.size.3xs}" },
+      "active": {
+        "color": {}
+      },
+      "focus": {
+        "color": {},
+        "text-decoration": {},
+        "text-decoration-thickness": {}
+      },
+      "hover": {
+        "color": { "value": "{tubbergen.color.primary-hover}" },
+        "text-decoration": { "value": "underline" },
+        "text-decoration-thickness": { "value": "{tubbergen.size.4xs}" }
+      },
+      "placeholder": {
+        "color": {}
+      },
+      "visited": {
+        "color": { "value": "{tubbergen.color.primary}" }
+      },
+      "icon": {
+        "size": { "value": "{tubbergen.size.md}" }
+      }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/component/utrecht/list.tokens.json

@@ -0,0 +1,32 @@
+{
+  "utrecht": {
+    "ordered-list": {
+      "font-size": { "value": "{utrecht.document.font-size}" },
+      "line-height": {},
+      "margin-block-start": { "value": "{tubbergen.size.sm}" },
+      "margin-block-end": { "value": "{tubbergen.size.sm}" },
+      "padding-inline-start": { "value": "{tubbergen.size.xl}" },
+      "item": {
+        "margin-block-start": { "value": "{tubbergen.size.2xs}" },
+        "margin-block-end": { "value": "{tubbergen.size.2xs}" },
+        "padding-inline-start": { "value": "1ch" }
+      }
+    },
+
+    "unordered-list": {
+      "font-size": { "value": "{utrecht.document.font-size}" },
+      "line-height": {},
+      "margin-block-start": { "value": "{tubbergen.size.md}" },
+      "margin-block-end": { "value": 0 },
+      "padding-inline-start": { "value": "2ch" },
+      "item": {
+        "margin-block-start": { "value": "{tubbergen.size.xs}" },
+        "margin-block-end": { "value": "{tubbergen.size.xs}" },
+        "padding-inline-start": { "value": "1ch" }
+      },
+      "marker": {
+        "color": { "value": "{utrecht.document.color}" }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,16 @@
+{
+  "utrecht": {
+    "page-footer": {
+      "background-color": { "value": "unset" },
+      "background-image": {
+        "value": "url(https://www.tubbergen.nl/sites/all/themes/tubbergen/dist/assets/img/footer-bg.svg)"
+      },
+      "color": { "value": "{tubbergen.color.white.100}" },
+      "padding-inline-end": { "value": "{tubbergen.size.sm}" },
+      "padding-inline-start": { "value": "{tubbergen.size.sm}" },
+      "padding-block-end": { "value": "{tubbergen.size.2xl}" },
+      "padding-block-start": { "value": "{tubbergen.size.2xl}" },
+      "min-height": { "value": "300px" }
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+{
+  "utrecht": {
+    "page-header": {
+      "background-color": { "value": "{tubbergen.color.white.100}" },
+      "color": { "value": "{tubbergen.color.black.20}" },
+      "padding-block-start": { "value": "{tubbergen.size.sm}" },
+      "padding-block-end": { "value": "{tubbergen.size.sm}" }
+    }
+  }
+}

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

@@ -0,0 +1,11 @@
+{
+  "utrecht": {
+    "page": {
+      "background-color": {},
+      "color": {},
+      "padding-inline-start": { "value": "{tubbergen.size.lg}" },
+      "padding-inline-end": { "value": "{tubbergen.size.lg}" },
+      "max-inline-size": { "value": "1140px" }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/component/utrecht/paragraph.tokens.json

@@ -0,0 +1,25 @@
+{
+  "utrecht": {
+    "paragraph": {
+      "color": { "value": "{utrecht.document.color}" },
+      "font-family": { "value": "{tubbergen.typography.lato.font-family}" },
+      "font-size": { "value": "{tubbergen.font-size.md}" },
+      "font-weight": { "value": "{tubbergen.typography.font-weight.normal}" },
+      "line-height": { "value": "1.5em" },
+      "margin-block-start": { "value": 0 },
+      "margin-block-end": { "value": 0 },
+      "lead": {
+        "color": {},
+        "font-size": {},
+        "font-weight": {},
+        "line-height": {}
+      },
+      "small": {
+        "color": {},
+        "font-size": {},
+        "font-weight": {},
+        "line-height": {}
+      }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/component/utrecht/table.tokens.json

@@ -0,0 +1,60 @@
+{
+  "utrecht": {
+    "table": {
+      "border-color": {},
+      "border-width": {},
+      "font-family": { "value": "{utrecht.document.font-family}" },
+      "font-size": { "value": "{utrecht.document.font-size}" },
+      "line-height": {},
+      "margin-block-end": { "value": 0 },
+      "margin-block-start": { "value": "{tubbergen.size.md}" },
+      "caption": {
+        "font-weight": {},
+        "font-family": {},
+        "font-size": {},
+        "color": {},
+        "line-height": {},
+        "text-align": {},
+        "margin-block-end": {}
+      },
+      "header": {
+        "font-weight": { "value": "{tubbergen.typography.font-weight.bold}" },
+        "background-color": {},
+        "color": { "value": "{utrecht.document.color}" },
+        "text-transform": { "value": "unset" },
+        "border-block-end-color": {},
+        "border-block-end-width": {}
+      },
+      "header-cell": {
+        "font-size": { "value": "{utrecht.document.font-size}" },
+        "font-weight": { "value": "{tubbergen.typography.font-weight.bold}" },
+        "color": { "value": "{utrecht.document.color}" },
+        "text-transform": { "value": "unset" }
+      },
+      "cell": {
+        "line-height": {},
+        "padding-block-end": { "value": "{tubbergen.size.md}" },
+        "padding-block-start": { "value": "{tubbergen.size.md}" },
+        "padding-inline-end": { "value": "{tubbergen.size.md}" },
+        "padding-inline-start": { "value": "{tubbergen.size.md}" },
+        "icon": {
+          "size": {}
+        }
+      },
+      "row": {
+        "border-block-end-color": { "value": "{tubbergen.color.lightgrey.89}" },
+        "border-block-end-width": { "value": "{tubbergen.size.4xs}" },
+        "padding-inline-end": {},
+        "padding-inline-start": {},
+        "alternate-odd": {
+          "background-color": { "value": "{tubbergen.color.white.100}" },
+          "color": {}
+        },
+        "alternate-even": {
+          "background-color": { "value": "{tubbergen.color.blue.96}" },
+          "color": {}
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,44 @@
+{
+  "utrecht": {
+    "textbox": {
+      "background-color": { "value": "{tubbergen.color.white.100}" },
+      "border-bottom-width": {},
+      "border-color": { "value": "{tubbergen.color.grey.46}" },
+      "border-radius": { "value": "0px" },
+      "border-width": { "value": "{tubbergen.size.4xs}" },
+      "color": { "value": "{tubbergen.color.black.33}" },
+      "font-family": { "value": "{tubbergen.typography.lato.font-family}" },
+      "font-size": { "value": "15px" },
+      "line-height": {},
+      "max-inline-size": {},
+      "padding-block-end": { "value": "{tubbergen.size.xs}" },
+      "padding-block-start": { "value": "{tubbergen.size.xs}" },
+      "padding-inline-end": { "value": "{tubbergen.size.sm}" },
+      "padding-inline-start": { "value": "{tubbergen.size.sm}" },
+      "placeholder": {
+        "color": { "value": "{tubbergen.color.grey.42}" }
+      },
+      "disabled": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
+      "focus": {
+        "background-color": {},
+        "border-color": { "value": "{tubbergen.color.blue.48}" },
+        "color": {}
+      },
+      "invalid": {
+        "background-color": {},
+        "border-color": {},
+        "border-width": {},
+        "color": {}
+      },
+      "read-only": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/config.json

@@ -0,0 +1,7 @@
+{
+  "fullName": "Gemeente Tubbergen",
+  "name": "Tubbergen",
+  "prefix": "tubbergen",
+  "npm": "@conduction/tubbergen-design-tokens",
+  "stories": ["react-utrecht-link--default"]
+}

package/municipalities/tubbergen-design-tokens/src/font.scss

@@ -0,0 +1,149 @@
+/* Place any @font-face definitions here */
+
+/* Lato Font-Family */
+/* latin-ext */
+@font-face {
+  font-family: "Lato";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2)
+    format("woff2");
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
+    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Lato";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2)
+    format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Lato";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2)
+    format("woff2");
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
+    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Lato";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2)
+    format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* Montserrat Font-Family */
+/* cyrillic-ext */
+@font-face {
+  font-family: "Montserrat";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2)
+    format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Montserrat";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)
+    format("woff2");
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Montserrat";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2)
+    format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
+    U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Montserrat";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2)
+    format("woff2");
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
+    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Montserrat";
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)
+    format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: "Montserrat";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2)
+    format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Montserrat";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)
+    format("woff2");
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Montserrat";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2)
+    format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
+    U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Montserrat";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2)
+    format("woff2");
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
+    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Montserrat";
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)
+    format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

package/municipalities/tubbergen-design-tokens/src/index.scss

@@ -0,0 +1,8 @@
+/**
+ * @license SEE LICENSE.md
+ * Copyright (c) 2021 NL Design System Community
+ * All rights reserved
+ */
+
+@import "./design-tokens.css";
+@import "./font.css";

package/municipalities/tubbergen-design-tokens/style-dictionary.config.js

@@ -0,0 +1,6 @@
+const config = require('./src/config.json');
+const { createConfig } = require('../../style-dictionary-config');
+
+module.exports = createConfig({
+  selector: `.${config.prefix}-theme`,
+});

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Aug 2023 13:53:32 GMT
+ * Generated on Thu, 10 Aug 2023 09:52:10 GMT
  */
 
 .xxllnc-theme {
@@ -83,12 +83,10 @@
   --xxllnc-color-white-100-0t: #ffffff; /* White with 0% transparency */
   --xxllnc-color-white-100: #ffffff; /* Base/White */
   --xxllnc-color-white-95: #f1f1f1;
-  --xxllnc-color-alert-info-background: #d4edda;
-  --xxllnc-color-alert-info: #155724;
   --xxllnc-color-alert-succes-background: #d4edda;
   --xxllnc-color-alert-succes: #155724;
   --xxllnc-color-succes: #28a745;
-  --xxllnc-color-alert-warning-background: #333338;
+  --xxllnc-color-alert-warning-background: #fff3cd;
   --xxllnc-color-alert-warning: #856404;
   --xxllnc-color-warning: #ffc107;
   --xxllnc-color-alert-error-background: #f8d7da;
@@ -230,7 +228,6 @@
   --utrecht-alert-icon-warning-color: var(--xxllnc-color-alert-warning);
   --utrecht-alert-icon-gap: var(--xxllnc-size-xs);
   --utrecht-alert-icon-error-color: var(--xxllnc-color-alert-error);
-  --utrecht-alert-icon-color: var(--xxllnc-color-alert-info);
   --utrecht-alert-ok-color: var(--xxllnc-color-alert-succes);
   --utrecht-alert-ok-background-color: var(--xxllnc-color-alert-succes-background);
   --utrecht-alert-error-color: var(--xxllnc-color-alert-error);
@@ -241,8 +238,6 @@
   --utrecht-alert-padding-inline-start: var(--xxllnc-size-lg);
   --utrecht-alert-padding-block-end: var(--xxllnc-size-lg);
   --utrecht-alert-padding-block-start: var(--xxllnc-size-lg);
-  --utrecht-alert-color: var(--xxllnc-color-alert-info);
-  --utrecht-alert-background-color: var(--xxllnc-color-alert-info-background);
   --utrecht-card-padding-block-start: var(--xxllnc-size-md);
   --utrecht-card-padding-block-end: var(--xxllnc-size-md);
   --utrecht-card-padding-inline-start: var(--xxllnc-size-md);
@@ -278,6 +273,8 @@
   --xxllnc-typography-scale-2xs: var(--xxllnc-font-size-2xs);
   --xxllnc-typography-scale-3xs: var(--xxllnc-font-size-3xs);
   --xxllnc-typography-scale-4xs: var(--xxllnc-font-size-4xs);
+  --xxllnc-color-alert-info-background: var(--xxllnc-color-grey-92);
+  --xxllnc-color-alert-info: var(--xxllnc-color-black-16);
   --xxllnc-color-info: var(--xxllnc-color-primary);
   --utrecht-table-header-cell-color: var(--utrecht-document-color);
   --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
@@ -287,4 +284,7 @@
   --utrecht-paragraph-color: var(--utrecht-document-color);
   --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);
   --utrecht-ordered-list-font-size: var(--utrecht-document-font-size);
+  --utrecht-alert-icon-color: var(--xxllnc-color-alert-info);
+  --utrecht-alert-color: var(--xxllnc-color-alert-info);
+  --utrecht-alert-background-color: var(--xxllnc-color-alert-info-background);
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Aug 2023 13:53:32 GMT
+ * Generated on Thu, 10 Aug 2023 09:52:10 GMT
  */
 
 export const xxllncColorPrimary = "#000000ad"; // Primary with 68% transparency
@@ -10,13 +10,13 @@ export const xxllncColorAlertError = "#721c24";
 export const xxllncColorAlertErrorBackground = "#f8d7da";
 export const xxllncColorWarning = "#ffc107";
 export const xxllncColorAlertWarning = "#856404";
-export const xxllncColorAlertWarningBackground = "#333338";
+export const xxllncColorAlertWarningBackground = "#fff3cd";
 export const xxllncColorSucces = "#28a745";
 export const xxllncColorAlertSucces = "#155724";
 export const xxllncColorAlertSuccesBackground = "#d4edda";
 export const xxllncColorInfo = "#000000ad";
-export const xxllncColorAlertInfo = "#155724";
-export const xxllncColorAlertInfoBackground = "#d4edda";
+export const xxllncColorAlertInfo = "#28282c";
+export const xxllncColorAlertInfoBackground = "#eaeaea";
 export const xxllncColorWhite95 = "#f1f1f1";
 export const xxllncColorWhite100 = "#ffffff"; // Base/White
 export const xxllncColorWhite1000t = "#ffffff"; // White with 0% transparency
@@ -98,19 +98,19 @@ export const utrechtCardPaddingInlineEnd = "18px";
 export const utrechtCardPaddingInlineStart = "18px";
 export const utrechtCardPaddingBlockEnd = "18px";
 export const utrechtCardPaddingBlockStart = "18px";
-export const utrechtAlertBackgroundColor = "#d4edda";
-export const utrechtAlertColor = "#155724";
+export const utrechtAlertBackgroundColor = "#eaeaea";
+export const utrechtAlertColor = "#28282c";
 export const utrechtAlertPaddingBlockStart = "24px";
 export const utrechtAlertPaddingBlockEnd = "24px";
 export const utrechtAlertPaddingInlineStart = "24px";
 export const utrechtAlertPaddingInlineEnd = "24px";
-export const utrechtAlertWarningBackgroundColor = "#333338";
+export const utrechtAlertWarningBackgroundColor = "#fff3cd";
 export const utrechtAlertWarningColor = "#856404";
 export const utrechtAlertErrorBackgroundColor = "#f8d7da";
 export const utrechtAlertErrorColor = "#721c24";
 export const utrechtAlertOkBackgroundColor = "#d4edda";
 export const utrechtAlertOkColor = "#155724";
-export const utrechtAlertIconColor = "#155724";
+export const utrechtAlertIconColor = "#28282c";
 export const utrechtAlertIconErrorColor = "#721c24";
 export const utrechtAlertIconGap = "8px";
 export const utrechtAlertIconWarningColor = "#856404";

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

@@ -196,7 +196,7 @@
     ]
   },
   {
-    "value": "#d4edda",
+    "value": "#eaeaea",
     "filePath": "src/component/utrecht/alert.tokens.json",
     "isSource": true,
     "original": {
@@ -215,7 +215,7 @@
     ]
   },
   {
-    "value": "#155724",
+    "value": "#28282c",
     "filePath": "src/component/utrecht/alert.tokens.json",
     "isSource": true,
     "original": {
@@ -276,7 +276,7 @@
     ]
   },
   {
-    "value": "#155724",
+    "value": "#28282c",
     "filePath": "src/component/utrecht/alert.tokens.json",
     "isSource": true,
     "original": {
@@ -505,7 +505,7 @@
     ]
   },
   {
-    "value": "#333338",
+    "value": "#fff3cd",
     "filePath": "src/component/utrecht/alert.tokens.json",
     "isSource": true,
     "original": {
@@ -4329,11 +4329,11 @@
     ]
   },
   {
-    "value": "#155724",
+    "value": "#28282c",
     "filePath": "src/brand/xxllnc/color.tokens.json",
     "isSource": true,
     "original": {
-      "value": "#155724"
+      "value": "{xxllnc.color.black.16}"
     },
     "name": "xxllncColorAlertInfo",
     "attributes": {
@@ -4348,11 +4348,11 @@
     ]
   },
   {
-    "value": "#d4edda",
+    "value": "#eaeaea",
     "filePath": "src/brand/xxllnc/color.tokens.json",
     "isSource": true,
     "original": {
-      "value": "#d4edda"
+      "value": "{xxllnc.color.grey.92}"
     },
     "name": "xxllncColorAlertInfoBackground",
     "attributes": {
@@ -4424,11 +4424,11 @@
     ]
   },
   {
-    "value": "#333338",
+    "value": "#fff3cd",
     "filePath": "src/brand/xxllnc/color.tokens.json",
     "isSource": true,
     "original": {
-      "value": "#333338"
+      "value": "#fff3cd"
     },
     "name": "xxllncColorAlertWarningBackground",
     "attributes": {