@conduction/theme 1.0.60 → 1.1.0

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 12 Dec 2023 10:51:19 GMT
+ * Generated on Tue, 12 Dec 2023 13:35:12 GMT
  */
 
 .opencatalogi-theme {
@@ -130,6 +130,7 @@
   --utrecht-form-select-border-width: 1px;
   --utrecht-form-fieldset-margin-block-start: 40px;
   --utrecht-form-field-description-invalid-color: #B53322;
+  --utrecht-form-control-max-inline-size: 320px;
   --utrecht-form-control-padding-inline-start: 16px;
   --utrecht-form-control-padding-inline-end: 16px;
   --utrecht-form-control-padding-block-start: 12px;
@@ -193,6 +194,9 @@
   --utrecht-action-submit-cursor: pointer;
   --utrecht-action-disabled-cursor: not-allowed;
   --utrecht-action-busy-cursor: wait;
+  --utrecht-separator-margin-block-start: 0px;
+  --utrecht-separator-margin-block-end: 0px;
+  --utrecht-separator-block-size: 2px;
   --utrecht-page-max-inline-size: 1140px;
   --utrecht-unordered-list-item-padding-inline-start: 1ch;
   --utrecht-unordered-list-item-margin-block-end: 8px;
@@ -254,18 +258,15 @@
   --utrecht-button-font-weight: 700;
   --utrecht-button-border-width: 0;
   --utrecht-button-icon-gap: 8px;
-  --utrecht-badge-counter-padding-inline-start: 5px;
-  --utrecht-badge-counter-padding-block-end: 5px;
-  --utrecht-badge-counter-font-weight: 400;
   --utrecht-badge-counter-padding-inline: 5px;
   --utrecht-badge-counter-padding-block: 5px;
   --utrecht-badge-counter-text-decoration: none;
-  --utrecht-badge-counter-border-radius: 2em;
+  --utrecht-badge-counter-border-radius: 50%;
   --utrecht-code-font-size: inherit;
   --utrecht-breadcrumb-nav-separator-icon-size: 16px;
-  --utrecht-badge-padding-inline: 8px;
-  --utrecht-badge-padding-block: 2px;
-  --utrecht-badge-font-size: 12px;
+  --utrecht-badge-padding-inline: 8px !important;
+  --utrecht-badge-padding-block: 8px !important;
+  --utrecht-badge-font-size: 14px !important;
   --utrecht-badge-border-radius: 0;
   --utrecht-alert-icon-gap: 8px;
   --utrecht-alert-icon-warning-color: #a65600;
@@ -472,6 +473,7 @@
   --utrecht-code-block-color: var(--opencatalogi-color-gray-tint-11);
   --utrecht-code-block-background-color: var(--opencatalogi-color-gray-tint-01);
   --utrecht-focus-outline-color: var(--opencatalogi-color-base-black);
+  --utrecht-separator-color: var(--opencatalogi-color-gray-tint-01);
   --utrecht-page-margin-inline-end: var(--utrecht-space-block-xl);
   --utrecht-page-margin-inline-start: var(--utrecht-space-block-xl);
   --utrecht-unordered-list-marker-color: var(--opencatalogi-color-green-tint-01);
@@ -535,9 +537,9 @@
   --utrecht-breadcrumb-nav-link-disabled-color: var(--opencatalogi-color-gray-tint-09);
   --utrecht-breadcrumb-nav-link-current-color: var(--opencatalogi-color-gray-tint-09);
   --utrecht-breadcrumb-nav-link-color: var(--opencatalogi-color-green-tint-01);
-  --utrecht-badge-font-weight: var(--opencatalogi-typography-weight-scale-bold-font-weight);
-  --utrecht-badge-color: var(--opencatalogi-color-base-white);
-  --utrecht-badge-background-color: var(--opencatalogi-color-blue-tint-03);
+  --utrecht-badge-font-weight: var(--opencatalogi-typography-weight-scale-normal-font-weight);
+  --utrecht-badge-color: var(--opencatalogi-color-base-white) ;
+  --utrecht-badge-background-color: var(--opencatalogi-color-base-black) !important;
   --utrecht-alert-icon-ok-color: var(--opencatalogi-color-green-tint-01);
   --utrecht-alert-icon-error-color: var(--opencatalogi-color-red-tint-02);
   --open-catalogi-rating-font-size: var(--utrecht-document-font-size);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 12 Dec 2023 10:51:18 GMT
+ * Generated on Tue, 12 Dec 2023 13:35:12 GMT
  */
 
 export const conductionCardHeaderColor = "#404B4F";
@@ -256,13 +256,13 @@ export const utrechtAlertIconErrorColor = "#D70D0D";
 export const utrechtAlertIconWarningColor = "#a65600";
 export const utrechtAlertIconOkColor = "#00811F";
 export const utrechtAlertIconGap = "8px";
-export const utrechtBadgeBackgroundColor = "#0079B8";
+export const utrechtBadgeBackgroundColor = "#000000 !important";
 export const utrechtBadgeBorderRadius = "0";
-export const utrechtBadgeColor = "#ffffff";
-export const utrechtBadgeFontSize = "12px";
-export const utrechtBadgeFontWeight = "700";
-export const utrechtBadgePaddingBlock = "2px";
-export const utrechtBadgePaddingInline = "8px";
+export const utrechtBadgeColor = "#ffffff ";
+export const utrechtBadgeFontSize = "14px !important";
+export const utrechtBadgeFontWeight = "400";
+export const utrechtBadgePaddingBlock = "8px !important";
+export const utrechtBadgePaddingInline = "8px !important";
 export const utrechtBreadcrumbNavFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
 export const utrechtBreadcrumbNavLinkColor = "#00811F";
 export const utrechtBreadcrumbNavLinkCurrentColor = "#65757B";
@@ -274,16 +274,13 @@ export const utrechtCodeBackgroundColor = "#EFF4F6";
 export const utrechtCodeColor = "#404B4F";
 export const utrechtCodeFontSize = "inherit";
 export const utrechtBadgeCounterBackgroundColor = "#000000";
-export const utrechtBadgeCounterBorderRadius = "2em";
+export const utrechtBadgeCounterBorderRadius = "50%";
 export const utrechtBadgeCounterColor = "#ffffff";
 export const utrechtBadgeCounterFontSize = "16px";
 export const utrechtBadgeCounterFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
 export const utrechtBadgeCounterTextDecoration = "none";
 export const utrechtBadgeCounterPaddingBlock = "5px";
 export const utrechtBadgeCounterPaddingInline = "5px";
-export const utrechtBadgeCounterFontWeight = "400";
-export const utrechtBadgeCounterPaddingBlockEnd = "5px";
-export const utrechtBadgeCounterPaddingInlineStart = "5px";
 export const utrechtButtonIconGap = "8px";
 export const utrechtButtonBackgroundColor = "#00811F";
 export const utrechtButtonBorderWidth = "0";
@@ -410,6 +407,10 @@ export const utrechtUnorderedListMarkerColor = "#00811F";
 export const utrechtPageMarginInlineStart = "24px";
 export const utrechtPageMarginInlineEnd = "24px";
 export const utrechtPageMaxInlineSize = "1140px";
+export const utrechtSeparatorColor = "#EFF4F6";
+export const utrechtSeparatorBlockSize = "2px";
+export const utrechtSeparatorMarginBlockEnd = "0px";
+export const utrechtSeparatorMarginBlockStart = "0px";
 export const utrechtActionBusyCursor = "wait";
 export const utrechtActionDisabledCursor = "not-allowed";
 export const utrechtActionSubmitCursor = "pointer";
@@ -487,6 +488,7 @@ export const utrechtFormControlPaddingBlockEnd = "12px";
 export const utrechtFormControlPaddingBlockStart = "12px";
 export const utrechtFormControlPaddingInlineEnd = "16px";
 export const utrechtFormControlPaddingInlineStart = "16px";
+export const utrechtFormControlMaxInlineSize = "320px";
 export const utrechtFormControlPlaceholderColor = "#65757B";
 export const utrechtFormControlDisabledBackgroundColor = "#EFF4F6";
 export const utrechtFormControlDisabledColor = "#65757B";

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

@@ -7909,11 +7909,11 @@
     ]
   },
   {
-    "value": "#0079B8",
-    "filePath": "src/rotterdam/component/utrecht/badge.tokens.json",
+    "value": "#000000 !important",
+    "filePath": "src/components/utrecht/badge.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{opencatalogi.color.blue.tint-03}"
+      "value": "{opencatalogi.color.base.black} !important"
     },
     "name": "utrechtBadgeBackgroundColor",
     "attributes": {
@@ -7929,7 +7929,7 @@
   },
   {
     "value": "0",
-    "filePath": "src/rotterdam/component/utrecht/badge.tokens.json",
+    "filePath": "src/components/utrecht/badge.tokens.json",
     "isSource": true,
     "original": {
       "value": "0"
@@ -7947,11 +7947,11 @@
     ]
   },
   {
-    "value": "#ffffff",
-    "filePath": "src/rotterdam/component/utrecht/badge.tokens.json",
+    "value": "#ffffff ",
+    "filePath": "src/components/utrecht/badge.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{opencatalogi.color.base.white}"
+      "value": "{opencatalogi.color.base.white} "
     },
     "name": "utrechtBadgeColor",
     "attributes": {
@@ -7985,11 +7985,11 @@
     ]
   },
   {
-    "value": "2em",
-    "filePath": "src/rotterdam/component/utrecht/badge-counter.tokens.json",
+    "value": "50%",
+    "filePath": "src/components/utrecht/extra-tokens/badge-counter.tokens.json",
     "isSource": true,
     "original": {
-      "value": "2em"
+      "value": "50%"
     },
     "name": "utrechtBadgeCounterBorderRadius",
     "attributes": {
@@ -8060,25 +8060,6 @@
       "font-size"
     ]
   },
-  {
-    "value": "400",
-    "filePath": "src/rotterdam/component/utrecht/badge-counter.tokens.json",
-    "isSource": true,
-    "original": {
-      "value": "400"
-    },
-    "name": "utrechtBadgeCounterFontWeight",
-    "attributes": {
-      "category": "utrecht",
-      "type": "badge-counter",
-      "item": "font-weight"
-    },
-    "path": [
-      "utrecht",
-      "badge-counter",
-      "font-weight"
-    ]
-  },
   {
     "value": "5px",
     "filePath": "src/components/utrecht/extra-tokens/badge-counter.tokens.json",
@@ -8098,25 +8079,6 @@
       "padding-block"
     ]
   },
-  {
-    "value": "5px",
-    "filePath": "src/rotterdam/component/utrecht/badge-counter.tokens.json",
-    "isSource": true,
-    "original": {
-      "value": "5px"
-    },
-    "name": "utrechtBadgeCounterPaddingBlockEnd",
-    "attributes": {
-      "category": "utrecht",
-      "type": "badge-counter",
-      "item": "padding-block-end"
-    },
-    "path": [
-      "utrecht",
-      "badge-counter",
-      "padding-block-end"
-    ]
-  },
   {
     "value": "5px",
     "filePath": "src/components/utrecht/extra-tokens/badge-counter.tokens.json",
@@ -8136,25 +8098,6 @@
       "padding-inline"
     ]
   },
-  {
-    "value": "5px",
-    "filePath": "src/rotterdam/component/utrecht/badge-counter.tokens.json",
-    "isSource": true,
-    "original": {
-      "value": "5px"
-    },
-    "name": "utrechtBadgeCounterPaddingInlineStart",
-    "attributes": {
-      "category": "utrecht",
-      "type": "badge-counter",
-      "item": "padding-inline-start"
-    },
-    "path": [
-      "utrecht",
-      "badge-counter",
-      "padding-inline-start"
-    ]
-  },
   {
     "value": "none",
     "filePath": "src/components/utrecht/extra-tokens/badge-counter.tokens.json",
@@ -8175,11 +8118,11 @@
     ]
   },
   {
-    "value": "12px",
-    "filePath": "src/rotterdam/component/utrecht/badge.tokens.json",
+    "value": "14px !important",
+    "filePath": "src/components/utrecht/badge.tokens.json",
     "isSource": true,
     "original": {
-      "value": "12px"
+      "value": "14px !important"
     },
     "name": "utrechtBadgeFontSize",
     "attributes": {
@@ -8194,11 +8137,11 @@
     ]
   },
   {
-    "value": "700",
-    "filePath": "src/rotterdam/component/utrecht/badge.tokens.json",
+    "value": "400",
+    "filePath": "src/components/utrecht/badge.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{opencatalogi.typography.weight-scale.bold.font-weight}"
+      "value": "{opencatalogi.typography.weight-scale.normal.font-weight}"
     },
     "name": "utrechtBadgeFontWeight",
     "attributes": {
@@ -8213,11 +8156,11 @@
     ]
   },
   {
-    "value": "2px",
-    "filePath": "src/rotterdam/component/utrecht/badge.tokens.json",
+    "value": "8px !important",
+    "filePath": "src/components/utrecht/badge.tokens.json",
     "isSource": true,
     "original": {
-      "value": "2px"
+      "value": "8px !important"
     },
     "name": "utrechtBadgePaddingBlock",
     "attributes": {
@@ -8232,11 +8175,11 @@
     ]
   },
   {
-    "value": "8px",
-    "filePath": "src/rotterdam/component/utrecht/badge.tokens.json",
+    "value": "8px !important",
+    "filePath": "src/components/utrecht/badge.tokens.json",
     "isSource": true,
     "original": {
-      "value": "8px"
+      "value": "8px !important"
     },
     "name": "utrechtBadgePaddingInline",
     "attributes": {
@@ -9742,6 +9685,25 @@
       "line-height"
     ]
   },
+  {
+    "value": "320px",
+    "filePath": "src/rotterdam/component/utrecht/form-control.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "320px"
+    },
+    "name": "utrechtFormControlMaxInlineSize",
+    "attributes": {
+      "category": "utrecht",
+      "type": "form-control",
+      "item": "max-inline-size"
+    },
+    "path": [
+      "utrecht",
+      "form-control",
+      "max-inline-size"
+    ]
+  },
   {
     "value": "12px",
     "filePath": "src/rotterdam/component/utrecht/form-control.tokens.json",
@@ -12043,6 +12005,82 @@
       "min-inline-size"
     ]
   },
+  {
+    "value": "2px",
+    "filePath": "src/components/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "2px"
+    },
+    "name": "utrechtSeparatorBlockSize",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "block-size"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "block-size"
+    ]
+  },
+  {
+    "value": "#EFF4F6",
+    "filePath": "src/components/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{opencatalogi.color.gray.tint-01}"
+    },
+    "name": "utrechtSeparatorColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "color"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "color"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/components/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "utrechtSeparatorMarginBlockEnd",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "margin-block-end"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "margin-block-end"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/components/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "utrechtSeparatorMarginBlockStart",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "margin-block-start"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "margin-block-start"
+    ]
+  },
   {
     "value": "28px",
     "filePath": "src/rotterdam/common/utrecht/space.tokens.json",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 12 Dec 2023 10:51:19 GMT
+// Generated on Tue, 12 Dec 2023 13:35:12 GMT
 
 @rotterdam-textbox-hover-border-width: 2px;
 @rotterdam-paragraph-small-line-height: 20px;
@@ -128,6 +128,7 @@
 @utrecht-form-select-border-width: 1px;
 @utrecht-form-fieldset-margin-block-start: 40px;
 @utrecht-form-field-description-invalid-color: #B53322;
+@utrecht-form-control-max-inline-size: 320px;
 @utrecht-form-control-padding-inline-start: 16px;
 @utrecht-form-control-padding-inline-end: 16px;
 @utrecht-form-control-padding-block-start: 12px;
@@ -191,6 +192,9 @@
 @utrecht-action-submit-cursor: pointer;
 @utrecht-action-disabled-cursor: not-allowed;
 @utrecht-action-busy-cursor: wait;
+@utrecht-separator-margin-block-start: 0px;
+@utrecht-separator-margin-block-end: 0px;
+@utrecht-separator-block-size: 2px;
 @utrecht-page-max-inline-size: 1140px;
 @utrecht-unordered-list-item-padding-inline-start: 1ch;
 @utrecht-unordered-list-item-margin-block-end: 8px;
@@ -252,18 +256,15 @@
 @utrecht-button-font-weight: 700;
 @utrecht-button-border-width: 0;
 @utrecht-button-icon-gap: 8px;
-@utrecht-badge-counter-padding-inline-start: 5px;
-@utrecht-badge-counter-padding-block-end: 5px;
-@utrecht-badge-counter-font-weight: 400;
 @utrecht-badge-counter-padding-inline: 5px;
 @utrecht-badge-counter-padding-block: 5px;
 @utrecht-badge-counter-text-decoration: none;
-@utrecht-badge-counter-border-radius: 2em;
+@utrecht-badge-counter-border-radius: 50%;
 @utrecht-code-font-size: inherit;
 @utrecht-breadcrumb-nav-separator-icon-size: 16px;
-@utrecht-badge-padding-inline: 8px;
-@utrecht-badge-padding-block: 2px;
-@utrecht-badge-font-size: 12px;
+@utrecht-badge-padding-inline: 8px !important;
+@utrecht-badge-padding-block: 8px !important;
+@utrecht-badge-font-size: 14px !important;
 @utrecht-badge-border-radius: 0;
 @utrecht-alert-icon-gap: 8px;
 @utrecht-alert-icon-warning-color: #a65600;
@@ -470,6 +471,7 @@
 @utrecht-code-block-color: @opencatalogi-color-gray-tint-11;
 @utrecht-code-block-background-color: @opencatalogi-color-gray-tint-01;
 @utrecht-focus-outline-color: @opencatalogi-color-base-black;
+@utrecht-separator-color: @opencatalogi-color-gray-tint-01;
 @utrecht-page-margin-inline-end: @utrecht-space-block-xl;
 @utrecht-page-margin-inline-start: @utrecht-space-block-xl;
 @utrecht-unordered-list-marker-color: @opencatalogi-color-green-tint-01;
@@ -533,9 +535,9 @@
 @utrecht-breadcrumb-nav-link-disabled-color: @opencatalogi-color-gray-tint-09;
 @utrecht-breadcrumb-nav-link-current-color: @opencatalogi-color-gray-tint-09;
 @utrecht-breadcrumb-nav-link-color: @opencatalogi-color-green-tint-01;
-@utrecht-badge-font-weight: @opencatalogi-typography-weight-scale-bold-font-weight;
-@utrecht-badge-color: @opencatalogi-color-base-white;
-@utrecht-badge-background-color: @opencatalogi-color-blue-tint-03;
+@utrecht-badge-font-weight: @opencatalogi-typography-weight-scale-normal-font-weight;
+@utrecht-badge-color: @opencatalogi-color-base-white ;
+@utrecht-badge-background-color: @opencatalogi-color-base-black !important;
 @utrecht-alert-icon-ok-color: @opencatalogi-color-green-tint-01;
 @utrecht-alert-icon-error-color: @opencatalogi-color-red-tint-02;
 @open-catalogi-rating-font-size: @utrecht-document-font-size;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 12 Dec 2023 10:51:19 GMT
+// Generated on Tue, 12 Dec 2023 13:35:12 GMT
 
 $rotterdam-textbox-hover-border-width: 2px;
 $rotterdam-paragraph-small-line-height: 20px;
@@ -128,6 +128,7 @@ $utrecht-form-select-max-inline-size: 100%;
 $utrecht-form-select-border-width: 1px;
 $utrecht-form-fieldset-margin-block-start: 40px;
 $utrecht-form-field-description-invalid-color: #B53322;
+$utrecht-form-control-max-inline-size: 320px;
 $utrecht-form-control-padding-inline-start: 16px;
 $utrecht-form-control-padding-inline-end: 16px;
 $utrecht-form-control-padding-block-start: 12px;
@@ -191,6 +192,9 @@ $utrecht-focus-outline-offset: 1px;
 $utrecht-action-submit-cursor: pointer;
 $utrecht-action-disabled-cursor: not-allowed;
 $utrecht-action-busy-cursor: wait;
+$utrecht-separator-margin-block-start: 0px;
+$utrecht-separator-margin-block-end: 0px;
+$utrecht-separator-block-size: 2px;
 $utrecht-page-max-inline-size: 1140px;
 $utrecht-unordered-list-item-padding-inline-start: 1ch;
 $utrecht-unordered-list-item-margin-block-end: 8px;
@@ -252,18 +256,15 @@ $utrecht-button-padding-block-end: 13px;
 $utrecht-button-font-weight: 700;
 $utrecht-button-border-width: 0;
 $utrecht-button-icon-gap: 8px;
-$utrecht-badge-counter-padding-inline-start: 5px;
-$utrecht-badge-counter-padding-block-end: 5px;
-$utrecht-badge-counter-font-weight: 400;
 $utrecht-badge-counter-padding-inline: 5px;
 $utrecht-badge-counter-padding-block: 5px;
 $utrecht-badge-counter-text-decoration: none;
-$utrecht-badge-counter-border-radius: 2em;
+$utrecht-badge-counter-border-radius: 50%;
 $utrecht-code-font-size: inherit;
 $utrecht-breadcrumb-nav-separator-icon-size: 16px;
-$utrecht-badge-padding-inline: 8px;
-$utrecht-badge-padding-block: 2px;
-$utrecht-badge-font-size: 12px;
+$utrecht-badge-padding-inline: 8px !important;
+$utrecht-badge-padding-block: 8px !important;
+$utrecht-badge-font-size: 14px !important;
 $utrecht-badge-border-radius: 0;
 $utrecht-alert-icon-gap: 8px;
 $utrecht-alert-icon-warning-color: #a65600;
@@ -470,6 +471,7 @@ $utrecht-code-block-font-size: [object Object];
 $utrecht-code-block-color: $opencatalogi-color-gray-tint-11;
 $utrecht-code-block-background-color: $opencatalogi-color-gray-tint-01;
 $utrecht-focus-outline-color: $opencatalogi-color-base-black;
+$utrecht-separator-color: $opencatalogi-color-gray-tint-01;
 $utrecht-page-margin-inline-end: $utrecht-space-block-xl;
 $utrecht-page-margin-inline-start: $utrecht-space-block-xl;
 $utrecht-unordered-list-marker-color: $opencatalogi-color-green-tint-01;
@@ -533,9 +535,9 @@ $utrecht-breadcrumb-nav-link-hover-color: $opencatalogi-color-green-tint-01;
 $utrecht-breadcrumb-nav-link-disabled-color: $opencatalogi-color-gray-tint-09;
 $utrecht-breadcrumb-nav-link-current-color: $opencatalogi-color-gray-tint-09;
 $utrecht-breadcrumb-nav-link-color: $opencatalogi-color-green-tint-01;
-$utrecht-badge-font-weight: $opencatalogi-typography-weight-scale-bold-font-weight;
-$utrecht-badge-color: $opencatalogi-color-base-white;
-$utrecht-badge-background-color: $opencatalogi-color-blue-tint-03;
+$utrecht-badge-font-weight: $opencatalogi-typography-weight-scale-normal-font-weight;
+$utrecht-badge-color: $opencatalogi-color-base-white ;
+$utrecht-badge-background-color: $opencatalogi-color-base-black !important;
 $utrecht-alert-icon-ok-color: $opencatalogi-color-green-tint-01;
 $utrecht-alert-icon-error-color: $opencatalogi-color-red-tint-02;
 $open-catalogi-rating-font-size: $utrecht-document-font-size;