@conduction/theme 1.0.15 → 1.0.17

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Aug 2023 14:20:55 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";
@@ -164,13 +164,6 @@ export const utrechtDocumentBackgroundColor = "#ffffff";
 export const utrechtDocumentColor = "#28282c";
 export const utrechtDocumentFontFamily = "neue-haas-grotesk-text, sans-serif";
 export const utrechtDocumentFontSize = "16px";
-export const utrechtPageFooterBackgroundColor = "#ffffff";
-export const utrechtPageFooterBackgroundImage = "unset";
-export const utrechtPageFooterColor = "#000000ad";
-export const utrechtPageFooterPaddingInlineEnd = "14px";
-export const utrechtPageFooterPaddingInlineStart = "14px";
-export const utrechtPageFooterPaddingBlockEnd = "48px";
-export const utrechtPageFooterPaddingBlockStart = "48px";
 export const utrechtFormInputBackgroundColor = "#ffffff";
 export const utrechtFormInputBorderColor = "#00000038";
 export const utrechtFormInputBorderRadius = "6px";
@@ -234,6 +227,13 @@ export const utrechtUnorderedListItemMarginBlockStart = "8px";
 export const utrechtUnorderedListItemMarginBlockEnd = "8px";
 export const utrechtUnorderedListItemPaddingInlineStart = "1ch";
 export const utrechtUnorderedListMarkerColor = "#000000ad";
+export const utrechtPageFooterBackgroundColor = "#ffffff";
+export const utrechtPageFooterBackgroundImage = "unset";
+export const utrechtPageFooterColor = "#000000ad";
+export const utrechtPageFooterPaddingInlineEnd = "14px";
+export const utrechtPageFooterPaddingInlineStart = "14px";
+export const utrechtPageFooterPaddingBlockEnd = "48px";
+export const utrechtPageFooterPaddingBlockStart = "48px";
 export const utrechtPageHeaderBackgroundColor = "#eaeaea";
 export const utrechtPageHeaderColor = "#28282c";
 export const utrechtPageHeaderPaddingBlockStart = "14px";
@@ -246,6 +246,8 @@ export const utrechtParagraphFontFamily = "neue-haas-grotesk-text, sans-serif";
 export const utrechtParagraphFontSize = "16px";
 export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
+export const utrechtParagraphMarginBlockStart = 0;
+export const utrechtParagraphMarginBlockEnd = 0;
 export const utrechtTableBorderColor = "#f5f5f5";
 export const utrechtTableBorderWidth = "1px";
 export const utrechtTableFontFamily = "neue-haas-grotesk-text, sans-serif";
@@ -284,4 +286,3 @@ export const conductionInputSelectBorderRadius = "6px";
 export const conductionInputSelectInvalidBorderColor = "#dc3545";
 export const conductionInputSelectPaddingBlockEnd = 0;
 export const conductionInputSelectPaddingBlockStart = 0;
-export const conductionInputSelectFocusBorder = "1px solid #eaeaea";

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

@@ -75,27 +75,6 @@
       "border-radius"
     ]
   },
-  {
-    "value": "1px solid #eaeaea",
-    "filePath": "src/component/conduction/select.tokens.json",
-    "isSource": true,
-    "original": {
-      "value": "1px solid {xxllnc.color.grey.92}"
-    },
-    "name": "conductionInputSelectFocusBorder",
-    "attributes": {
-      "category": "conduction",
-      "type": "input-select",
-      "item": "focus",
-      "subitem": "border"
-    },
-    "path": [
-      "conduction",
-      "input-select",
-      "focus",
-      "border"
-    ]
-  },
   {
     "value": "#dc3545",
     "filePath": "src/component/conduction/select.tokens.json",
@@ -217,7 +196,7 @@
     ]
   },
   {
-    "value": "#d4edda",
+    "value": "#eaeaea",
     "filePath": "src/component/utrecht/alert.tokens.json",
     "isSource": true,
     "original": {
@@ -236,7 +215,7 @@
     ]
   },
   {
-    "value": "#155724",
+    "value": "#28282c",
     "filePath": "src/component/utrecht/alert.tokens.json",
     "isSource": true,
     "original": {
@@ -297,7 +276,7 @@
     ]
   },
   {
-    "value": "#155724",
+    "value": "#28282c",
     "filePath": "src/component/utrecht/alert.tokens.json",
     "isSource": true,
     "original": {
@@ -526,7 +505,7 @@
     ]
   },
   {
-    "value": "#333338",
+    "value": "#fff3cd",
     "filePath": "src/component/utrecht/alert.tokens.json",
     "isSource": true,
     "original": {
@@ -2759,7 +2738,7 @@
   },
   {
     "value": "#ffffff",
-    "filePath": "src/component/utrecht/footer.tokens.json",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.color.white.100}"
@@ -2778,7 +2757,7 @@
   },
   {
     "value": "unset",
-    "filePath": "src/component/utrecht/footer.tokens.json",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "value": "unset"
@@ -2797,7 +2776,7 @@
   },
   {
     "value": "#000000ad",
-    "filePath": "src/component/utrecht/footer.tokens.json",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.color.primary}"
@@ -2816,7 +2795,7 @@
   },
   {
     "value": "48px",
-    "filePath": "src/component/utrecht/footer.tokens.json",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.2xl}"
@@ -2835,7 +2814,7 @@
   },
   {
     "value": "48px",
-    "filePath": "src/component/utrecht/footer.tokens.json",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.2xl}"
@@ -2854,7 +2833,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/footer.tokens.json",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.sm}"
@@ -2873,7 +2852,7 @@
   },
   {
     "value": "14px",
-    "filePath": "src/component/utrecht/footer.tokens.json",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "value": "{xxllnc.size.sm}"
@@ -3118,6 +3097,44 @@
       "line-height"
     ]
   },
+  {
+    "value": 0,
+    "filePath": "src/component/utrecht/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": 0
+    },
+    "name": "utrechtParagraphMarginBlockEnd",
+    "attributes": {
+      "category": "utrecht",
+      "type": "paragraph",
+      "item": "margin-block-end"
+    },
+    "path": [
+      "utrecht",
+      "paragraph",
+      "margin-block-end"
+    ]
+  },
+  {
+    "value": 0,
+    "filePath": "src/component/utrecht/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": 0
+    },
+    "name": "utrechtParagraphMarginBlockStart",
+    "attributes": {
+      "category": "utrecht",
+      "type": "paragraph",
+      "item": "margin-block-start"
+    },
+    "path": [
+      "utrecht",
+      "paragraph",
+      "margin-block-start"
+    ]
+  },
   {
     "value": "48px",
     "filePath": "src/common/utrecht/space.tokens.json",
@@ -4312,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": {
@@ -4331,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": {
@@ -4407,11 +4424,11 @@
     ]
   },
   {
-    "value": "#333338",
+    "value": "#fff3cd",
     "filePath": "src/brand/xxllnc/color.tokens.json",
     "isSource": true,
     "original": {
-      "value": "#333338"
+      "value": "#fff3cd"
     },
     "name": "xxllncColorAlertWarningBackground",
     "attributes": {

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 08 Aug 2023 14:20:55 GMT
+// Generated on Thu, 10 Aug 2023 09:52:10 GMT
 
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;
@@ -10,8 +10,11 @@
 @utrecht-table-header-cell-text-transform: unset;
 @utrecht-table-header-text-transform: unset;
 @utrecht-table-margin-block-end: 0;
+@utrecht-paragraph-margin-block-end: 0;
+@utrecht-paragraph-margin-block-start: 0;
 @utrecht-paragraph-line-height: 1.5em;
 @utrecht-page-max-inline-size: 1140px;
+@utrecht-page-footer-background-image: unset;
 @utrecht-unordered-list-item-padding-inline-start: 1ch;
 @utrecht-unordered-list-padding-inline-start: 2ch;
 @utrecht-unordered-list-margin-block-end: 0;
@@ -23,7 +26,6 @@
 @utrecht-link-text-decoration: none;
 @utrecht-form-input-font-size: 15px;
 @utrecht-form-input-border-radius: 6px;
-@utrecht-page-footer-background-image: unset;
 @utrecht-code-block-margin-inline-end: 0;
 @utrecht-code-block-margin-inline-start: 0;
 @utrecht-code-font-size: inherit;
@@ -79,12 +81,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;
@@ -92,7 +92,6 @@
 @xxllnc-color-error: #dc3545;
 @xxllnc-color-primary-hover: #00000080; // Primary with 50% transparency
 @xxllnc-color-primary: #000000ad; // Primary with 68% transparency
-@conduction-input-select-focus-border: 1px solid @xxllnc-color-grey-92;
 @conduction-input-select-invalid-border-color: @xxllnc-color-error;
 @conduction-input-select-border-radius: @utrecht-form-input-border-radius;
 @conduction-input-select-border: 1px solid @xxllnc-color-grey-92;
@@ -127,6 +126,12 @@
 @utrecht-page-header-padding-block-start: @xxllnc-size-sm;
 @utrecht-page-header-color: @xxllnc-color-black-16;
 @utrecht-page-header-background-color: @xxllnc-color-grey-92;
+@utrecht-page-footer-padding-block-start: @xxllnc-size-2xl;
+@utrecht-page-footer-padding-block-end: @xxllnc-size-2xl;
+@utrecht-page-footer-padding-inline-start: @xxllnc-size-sm;
+@utrecht-page-footer-padding-inline-end: @xxllnc-size-sm;
+@utrecht-page-footer-color: @xxllnc-color-primary;
+@utrecht-page-footer-background-color: @xxllnc-color-white-100;
 @utrecht-unordered-list-marker-color: @xxllnc-color-primary;
 @utrecht-unordered-list-item-margin-block-end: @xxllnc-size-xs;
 @utrecht-unordered-list-item-margin-block-start: @xxllnc-size-xs;
@@ -177,12 +182,6 @@
 @utrecht-form-input-border-width: @xxllnc-size-4xs;
 @utrecht-form-input-border-color: @xxllnc-color-black-0-22t;
 @utrecht-form-input-background-color: @xxllnc-color-white-100-0t;
-@utrecht-page-footer-padding-block-start: @xxllnc-size-2xl;
-@utrecht-page-footer-padding-block-end: @xxllnc-size-2xl;
-@utrecht-page-footer-padding-inline-start: @xxllnc-size-sm;
-@utrecht-page-footer-padding-inline-end: @xxllnc-size-sm;
-@utrecht-page-footer-color: @xxllnc-color-primary;
-@utrecht-page-footer-background-color: @xxllnc-color-white-100;
 @utrecht-document-font-size: @xxllnc-font-size-md;
 @utrecht-document-font-family: @xxllnc-typography-sans-serif-font-family;
 @utrecht-document-color: @xxllnc-color-black-16;
@@ -227,7 +226,6 @@
 @utrecht-alert-icon-warning-color: @xxllnc-color-alert-warning;
 @utrecht-alert-icon-gap: @xxllnc-size-xs;
 @utrecht-alert-icon-error-color: @xxllnc-color-alert-error;
-@utrecht-alert-icon-color: @xxllnc-color-alert-info;
 @utrecht-alert-ok-color: @xxllnc-color-alert-succes;
 @utrecht-alert-ok-background-color: @xxllnc-color-alert-succes-background;
 @utrecht-alert-error-color: @xxllnc-color-alert-error;
@@ -238,8 +236,6 @@
 @utrecht-alert-padding-inline-start: @xxllnc-size-lg;
 @utrecht-alert-padding-block-end: @xxllnc-size-lg;
 @utrecht-alert-padding-block-start: @xxllnc-size-lg;
-@utrecht-alert-color: @xxllnc-color-alert-info;
-@utrecht-alert-background-color: @xxllnc-color-alert-info-background;
 @utrecht-card-padding-block-start: @xxllnc-size-md;
 @utrecht-card-padding-block-end: @xxllnc-size-md;
 @utrecht-card-padding-inline-start: @xxllnc-size-md;
@@ -275,6 +271,8 @@
 @xxllnc-typography-scale-2xs: @xxllnc-font-size-2xs;
 @xxllnc-typography-scale-3xs: @xxllnc-font-size-3xs;
 @xxllnc-typography-scale-4xs: @xxllnc-font-size-4xs;
+@xxllnc-color-alert-info-background: @xxllnc-color-grey-92;
+@xxllnc-color-alert-info: @xxllnc-color-black-16;
 @xxllnc-color-info: @xxllnc-color-primary;
 @utrecht-table-header-cell-color: @utrecht-document-color;
 @utrecht-table-header-cell-font-size: @utrecht-document-font-size;
@@ -284,3 +282,6 @@
 @utrecht-paragraph-color: @utrecht-document-color;
 @utrecht-unordered-list-font-size: @utrecht-document-font-size;
 @utrecht-ordered-list-font-size: @utrecht-document-font-size;
+@utrecht-alert-icon-color: @xxllnc-color-alert-info;
+@utrecht-alert-color: @xxllnc-color-alert-info;
+@utrecht-alert-background-color: @xxllnc-color-alert-info-background;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 08 Aug 2023 14:20:55 GMT
+// Generated on Thu, 10 Aug 2023 09:52:10 GMT
 
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;
@@ -10,8 +10,11 @@ $utrecht-textbox-border-radius: 6px;
 $utrecht-table-header-cell-text-transform: unset;
 $utrecht-table-header-text-transform: unset;
 $utrecht-table-margin-block-end: 0;
+$utrecht-paragraph-margin-block-end: 0;
+$utrecht-paragraph-margin-block-start: 0;
 $utrecht-paragraph-line-height: 1.5em;
 $utrecht-page-max-inline-size: 1140px;
+$utrecht-page-footer-background-image: unset;
 $utrecht-unordered-list-item-padding-inline-start: 1ch;
 $utrecht-unordered-list-padding-inline-start: 2ch;
 $utrecht-unordered-list-margin-block-end: 0;
@@ -23,7 +26,6 @@ $utrecht-link-text-decoration-color: unset;
 $utrecht-link-text-decoration: none;
 $utrecht-form-input-font-size: 15px;
 $utrecht-form-input-border-radius: 6px;
-$utrecht-page-footer-background-image: unset;
 $utrecht-code-block-margin-inline-end: 0;
 $utrecht-code-block-margin-inline-start: 0;
 $utrecht-code-font-size: inherit;
@@ -79,12 +81,10 @@ $xxllnc-color-black-16: #28282c; // Base/Black
 $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;
@@ -92,7 +92,6 @@ $xxllnc-color-alert-error: #721c24;
 $xxllnc-color-error: #dc3545;
 $xxllnc-color-primary-hover: #00000080; // Primary with 50% transparency
 $xxllnc-color-primary: #000000ad; // Primary with 68% transparency
-$conduction-input-select-focus-border: 1px solid $xxllnc-color-grey-92;
 $conduction-input-select-invalid-border-color: $xxllnc-color-error;
 $conduction-input-select-border-radius: $utrecht-form-input-border-radius;
 $conduction-input-select-border: 1px solid $xxllnc-color-grey-92;
@@ -127,6 +126,12 @@ $utrecht-page-header-padding-block-end: $xxllnc-size-sm;
 $utrecht-page-header-padding-block-start: $xxllnc-size-sm;
 $utrecht-page-header-color: $xxllnc-color-black-16;
 $utrecht-page-header-background-color: $xxllnc-color-grey-92;
+$utrecht-page-footer-padding-block-start: $xxllnc-size-2xl;
+$utrecht-page-footer-padding-block-end: $xxllnc-size-2xl;
+$utrecht-page-footer-padding-inline-start: $xxllnc-size-sm;
+$utrecht-page-footer-padding-inline-end: $xxllnc-size-sm;
+$utrecht-page-footer-color: $xxllnc-color-primary;
+$utrecht-page-footer-background-color: $xxllnc-color-white-100;
 $utrecht-unordered-list-marker-color: $xxllnc-color-primary;
 $utrecht-unordered-list-item-margin-block-end: $xxllnc-size-xs;
 $utrecht-unordered-list-item-margin-block-start: $xxllnc-size-xs;
@@ -177,12 +182,6 @@ $utrecht-form-input-color: $xxllnc-color-grey-43;
 $utrecht-form-input-border-width: $xxllnc-size-4xs;
 $utrecht-form-input-border-color: $xxllnc-color-black-0-22t;
 $utrecht-form-input-background-color: $xxllnc-color-white-100-0t;
-$utrecht-page-footer-padding-block-start: $xxllnc-size-2xl;
-$utrecht-page-footer-padding-block-end: $xxllnc-size-2xl;
-$utrecht-page-footer-padding-inline-start: $xxllnc-size-sm;
-$utrecht-page-footer-padding-inline-end: $xxllnc-size-sm;
-$utrecht-page-footer-color: $xxllnc-color-primary;
-$utrecht-page-footer-background-color: $xxllnc-color-white-100;
 $utrecht-document-font-size: $xxllnc-font-size-md;
 $utrecht-document-font-family: $xxllnc-typography-sans-serif-font-family;
 $utrecht-document-color: $xxllnc-color-black-16;
@@ -227,7 +226,6 @@ $utrecht-alert-icon-ok-color: $xxllnc-color-alert-succes;
 $utrecht-alert-icon-warning-color: $xxllnc-color-alert-warning;
 $utrecht-alert-icon-gap: $xxllnc-size-xs;
 $utrecht-alert-icon-error-color: $xxllnc-color-alert-error;
-$utrecht-alert-icon-color: $xxllnc-color-alert-info;
 $utrecht-alert-ok-color: $xxllnc-color-alert-succes;
 $utrecht-alert-ok-background-color: $xxllnc-color-alert-succes-background;
 $utrecht-alert-error-color: $xxllnc-color-alert-error;
@@ -238,8 +236,6 @@ $utrecht-alert-padding-inline-end: $xxllnc-size-lg;
 $utrecht-alert-padding-inline-start: $xxllnc-size-lg;
 $utrecht-alert-padding-block-end: $xxllnc-size-lg;
 $utrecht-alert-padding-block-start: $xxllnc-size-lg;
-$utrecht-alert-color: $xxllnc-color-alert-info;
-$utrecht-alert-background-color: $xxllnc-color-alert-info-background;
 $utrecht-card-padding-block-start: $xxllnc-size-md;
 $utrecht-card-padding-block-end: $xxllnc-size-md;
 $utrecht-card-padding-inline-start: $xxllnc-size-md;
@@ -275,6 +271,8 @@ $xxllnc-typography-scale-xs: $xxllnc-font-size-xs;
 $xxllnc-typography-scale-2xs: $xxllnc-font-size-2xs;
 $xxllnc-typography-scale-3xs: $xxllnc-font-size-3xs;
 $xxllnc-typography-scale-4xs: $xxllnc-font-size-4xs;
+$xxllnc-color-alert-info-background: $xxllnc-color-grey-92;
+$xxllnc-color-alert-info: $xxllnc-color-black-16;
 $xxllnc-color-info: $xxllnc-color-primary;
 $utrecht-table-header-cell-color: $utrecht-document-color;
 $utrecht-table-header-cell-font-size: $utrecht-document-font-size;
@@ -284,3 +282,6 @@ $utrecht-table-font-family: $utrecht-document-font-family;
 $utrecht-paragraph-color: $utrecht-document-color;
 $utrecht-unordered-list-font-size: $utrecht-document-font-size;
 $utrecht-ordered-list-font-size: $utrecht-document-font-size;
+$utrecht-alert-icon-color: $xxllnc-color-alert-info;
+$utrecht-alert-color: $xxllnc-color-alert-info;
+$utrecht-alert-background-color: $xxllnc-color-alert-info-background;