npm - @conduction/theme - Versions diffs - 1.0.35 → 1.0.38 - Mend

@conduction/theme 1.0.35 → 1.0.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (585) hide show

package/municipalities/dinkelland-design-tokens/dist/index.less CHANGED Viewed

@@ -1,7 +1,28 @@
 // Do not edit directly
-// Generated on Thu, 31 Aug 2023 09:13:05 GMT
+// Generated on Tue, 19 Sep 2023 14:30:44 GMT
+@conduction-tabs-scroll-button-border-style: solid;
+@conduction-tabs-tab-panel-border-top: 0;
+@conduction-tabs-tab-panel-border-style: solid;
+@conduction-tabs-tab-list-border-bottom-style: solid;
+@conduction-tabs-tab-list-border-bottom-width: 1px;
+@conduction-tabs-tab-list-margin-block-end: 0px;
+@conduction-tabs-tab-hover-text-decoration: underline;
+@conduction-tabs-tab-selected-hover-text-decoration: underline;
+@conduction-tabs-tab-selected-hover-background-color: transparent;
+@conduction-tabs-tab-selected-border-bottom-color: unset;
+@conduction-tabs-tab-selected-border-bottom-style: unset;
+@conduction-tabs-tab-selected-border-bottom-width: 0px;
+@conduction-tabs-tab-selected-border-bottom: 0;
+@conduction-tabs-tab-selected-border-style: solid;
+@conduction-tabs-tab-selected-background-color: transparent;
+@conduction-tabs-tab-min-height: 61px;
+@conduction-tabs-tab-min-width: 160px;
+@conduction-tabs-tab-max-width: unset;
+@conduction-tabs-tab-bottom: 0px;
+@conduction-tabs-tab-border-bottom: 0;
+@conduction-tabs-tab-border-style: solid;
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;
 @conduction-input-select-border-focus: unset;
@@ -41,8 +62,8 @@
 @utrecht-heading-4-margin-block-end: 0;
 @utrecht-heading-3-margin-block-start: 0;
 @utrecht-heading-2-margin-block-start: 0;
-@utrecht-text-box-font-size: 15px;
-@utrecht-text-box-border-radius: 0px;
+@utrecht-textbox-font-size: 15px;
+@utrecht-textbox-border-radius: 0px;
 @utrecht-table-header-cell-text-transform: unset;
 @utrecht-table-margin-block-end: 0;
 @utrecht-table-header-text-transform: unset;
@@ -61,6 +82,8 @@
 @utrecht-button-font-weight: inherit;
 @utrecht-button-font-size: inherit;
 @utrecht-button-border-radius: 0;
+@utrecht-badge-counter-text-decoration: none;
+@utrecht-badge-counter-border-radius: 50%;
 @utrecht-action-submit-cursor: pointer;
 @utrecht-action-disabled-cursor: not-allowed;
 @utrecht-action-busy-cursor: wait;
@@ -95,9 +118,11 @@
 @dinkelland-color-lightgrey-96: #f5f5f5;
 @dinkelland-color-lightgrey-89: #e4e4e4; // Base/LightGrey
 @dinkelland-color-grey-94: #edeff2;
+@dinkelland-color-grey-72: #AEB6C2;
 @dinkelland-color-grey-64: #9aa1ab; // Base/Grey
 @dinkelland-color-grey-46: #767676;
 @dinkelland-color-grey-42: #6b6b6b;
+@dinkelland-color-grey-38: #5c6066;
 @dinkelland-color-black-33: #555555;
 @dinkelland-color-black-20: #333333;
 @dinkelland-color-black-13: #222222; // Base/Black
@@ -118,6 +143,44 @@
 @dinkelland-color-warning: #ffc107;
 @dinkelland-color-alert-error-background: #f8d7da;
 @dinkelland-color-error: #dc3545;
+@conduction-tabs-scroll-button-hover-color: @dinkelland-color-blue-36;
+@conduction-tabs-scroll-button-hover-background-color: @dinkelland-color-blue-96;
+@conduction-tabs-scroll-button-border-color: @dinkelland-color-grey-72;
+@conduction-tabs-scroll-button-border-width: @dinkelland-size-4xs;
+@conduction-tabs-scroll-button-color: @dinkelland-color-grey-38;
+@conduction-tabs-scroll-button-background-color: @dinkelland-color-blue-96;
+@conduction-tabs-tab-panel-border-color: @dinkelland-color-grey-72;
+@conduction-tabs-tab-panel-border-width: @dinkelland-size-4xs;
+@conduction-tabs-tab-panel-padding-inline-end: @dinkelland-size-lg;
+@conduction-tabs-tab-panel-padding-inline-start: @dinkelland-size-lg;
+@conduction-tabs-tab-panel-padding-block-end: @dinkelland-size-lg;
+@conduction-tabs-tab-panel-padding-block-start: @dinkelland-size-lg;
+@conduction-tabs-tab-list-border-bottom-color: @dinkelland-color-grey-72;
+@conduction-tabs-tab-hover-color: @dinkelland-color-blue-36;
+@conduction-tabs-tab-hover-background-color: @dinkelland-color-blue-96;
+@conduction-tabs-tab-selected-hover-color: @dinkelland-color-blue-36;
+@conduction-tabs-tab-selected-font-weight: @dinkelland-typography-font-weight-normal;
+@conduction-tabs-tab-selected-border-color: @dinkelland-color-grey-72;
+@conduction-tabs-tab-selected-border-width: @dinkelland-size-4xs;
+@conduction-tabs-tab-selected-box-shadow: 0px 1px 0px 0px @dinkelland-color-white-100;
+@conduction-tabs-tab-selected-color: @dinkelland-color-blue-36;
+@conduction-tabs-tab-font-weight: @dinkelland-typography-font-weight-normal;
+@conduction-tabs-tab-font-size: @dinkelland-font-size-md;
+@conduction-tabs-tab-margin-inline-end: @dinkelland-size-xs;
+@conduction-tabs-tab-padding-inline-end: @dinkelland-size-sm;
+@conduction-tabs-tab-padding-inline-start: @dinkelland-size-sm;
+@conduction-tabs-tab-padding-block-end: @dinkelland-size-xs;
+@conduction-tabs-tab-padding-block-start: @dinkelland-size-xs;
+@conduction-tabs-tab-border-color: @dinkelland-color-blue-96;
+@conduction-tabs-tab-border-width: @dinkelland-size-4xs;
+@conduction-tabs-tab-color: @dinkelland-color-grey-38;
+@conduction-tabs-tab-background-color: @dinkelland-color-blue-96;
+@conduction-table-wrapper-scroll-button-hover-color: @dinkelland-color-green-24;
+@conduction-table-wrapper-scroll-button-hover-background-color: @dinkelland-color-blue-96;
+@conduction-table-wrapper-scroll-button-padding-inline-end: @dinkelland-size-sm;
+@conduction-table-wrapper-scroll-button-padding-inline-start: @dinkelland-size-sm;
+@conduction-table-wrapper-scroll-button-color: @dinkelland-color-black-20;
+@conduction-table-wrapper-scroll-button-background-color: @dinkelland-color-blue-96;
 @conduction-input-select-placeholder-font-family: @dinkelland-typography-lato-font-family;
 @conduction-input-select-list-option-hover-font-family: @dinkelland-typography-lato-font-family;
 @conduction-input-select-list-option-font-family: @dinkelland-typography-lato-font-family;
@@ -187,17 +250,17 @@
 @utrecht-heading-1-font-size: @dinkelland-font-size-2xl;
 @utrecht-heading-1-font-family: @dinkelland-typography-montserrat-font-family;
 @utrecht-heading-1-color: @dinkelland-color-black-13;
-@utrecht-text-box-focus-border-color: @dinkelland-color-blue-48;
-@utrecht-text-box-placeholder-color: @dinkelland-color-grey-42;
-@utrecht-text-box-padding-inline-start: @dinkelland-size-sm;
-@utrecht-text-box-padding-inline-end: @dinkelland-size-sm;
-@utrecht-text-box-padding-block-start: @dinkelland-size-xs;
-@utrecht-text-box-padding-block-end: @dinkelland-size-xs;
-@utrecht-text-box-font-family: @dinkelland-typography-lato-font-family;
-@utrecht-text-box-color: @dinkelland-color-black-33;
-@utrecht-text-box-border-width: @dinkelland-size-4xs;
-@utrecht-text-box-border-color: @dinkelland-color-grey-46;
-@utrecht-text-box-background-color: @dinkelland-color-white-100;
+@utrecht-textbox-padding-inline-start: @dinkelland-size-sm;
+@utrecht-textbox-padding-inline-end: @dinkelland-size-sm;
+@utrecht-textbox-padding-block-start: @dinkelland-size-xs;
+@utrecht-textbox-padding-block-end: @dinkelland-size-xs;
+@utrecht-textbox-font-family: @dinkelland-typography-lato-font-family;
+@utrecht-textbox-color: @dinkelland-color-black-33;
+@utrecht-textbox-border-width: @dinkelland-size-4xs;
+@utrecht-textbox-border-color: @dinkelland-color-grey-46;
+@utrecht-textbox-focus-border-color: @dinkelland-color-blue-48;
+@utrecht-textbox-placeholder-color: @dinkelland-color-grey-42;
+@utrecht-textbox-background-color: @dinkelland-color-white-100;
 @utrecht-table-cell-padding-inline-start: @dinkelland-size-md;
 @utrecht-table-cell-padding-inline-end: @dinkelland-size-md;
 @utrecht-table-cell-padding-block-start: @dinkelland-size-md;
@@ -226,8 +289,6 @@
 @utrecht-page-footer-padding-inline-end: @dinkelland-size-sm;
 @utrecht-page-footer-color: @dinkelland-color-white-100;
 @utrecht-icon-gap: @dinkelland-size-xs;
-@utrecht-form-input-focus-border-color: @dinkelland-color-blue-48;
-@utrecht-form-input-placeholder-color: @dinkelland-color-grey-42;
 @utrecht-form-input-padding-inline-start: @dinkelland-size-sm;
 @utrecht-form-input-padding-inline-end: @dinkelland-size-sm;
 @utrecht-form-input-padding-block-start: @dinkelland-size-xs;
@@ -236,6 +297,8 @@
 @utrecht-form-input-color: @dinkelland-color-black-33;
 @utrecht-form-input-border-width: @dinkelland-size-4xs;
 @utrecht-form-input-border-color: @dinkelland-color-grey-46;
+@utrecht-form-input-focus-border-color: @dinkelland-color-blue-48;
+@utrecht-form-input-placeholder-color: @dinkelland-color-grey-42;
 @utrecht-form-input-background-color: @dinkelland-color-white-100;
 @utrecht-document-font-size: @dinkelland-font-size-md;
 @utrecht-document-font-family: @dinkelland-typography-lato-font-family;
@@ -289,6 +352,10 @@
 @utrecht-blockquote-margin-inline-start: @dinkelland-size-xl;
 @utrecht-blockquote-color: @dinkelland-color-grey-64;
 @utrecht-blockquote-background-color: @dinkelland-color-grey-64;
+@utrecht-badge-counter-padding-inline: @dinkelland-size-2xs;
+@utrecht-badge-counter-padding-block: @dinkelland-size-2xs;
+@utrecht-badge-counter-font-weight: @dinkelland-typography-font-weight-normal;
+@utrecht-badge-counter-color: @dinkelland-color-white-100;
 @utrecht-alert-icon-gap: @dinkelland-size-xs;
 @utrecht-alert-ok-background-color: @dinkelland-color-alert-succes-background;
 @utrecht-alert-error-background-color: @dinkelland-color-alert-error-background;
@@ -334,6 +401,8 @@
 @dinkelland-color-alert-error: @dinkelland-color-black-20;
 @dinkelland-color-primary-hover: @dinkelland-color-blue-26;
 @dinkelland-color-primary: @dinkelland-color-blue-36;
+@conduction-tabs-tab-selected-font-family: @utrecht-document-font-family;
+@conduction-tabs-tab-font-family: @utrecht-document-font-family;
 @conduction-input-select-placeholder-color: @utrecht-form-input-placeholder-color;
 @conduction-pagination-current-page-color: @dinkelland-color-primary;
 @conduction-pagination-item-font-family: @utrecht-document-font-family;
@@ -361,6 +430,9 @@
 @utrecht-button-secondary-action-color: @dinkelland-color-primary;
 @utrecht-button-secondary-action-border-color: @dinkelland-color-primary;
 @utrecht-blockquote-content-color: @utrecht-document-color;
+@utrecht-badge-counter-font-family: @utrecht-document-font-family;
+@utrecht-badge-counter-font-size: @utrecht-document-font-size;
+@utrecht-badge-counter-background-color: @dinkelland-color-primary;
 @utrecht-alert-icon-ok-color: @dinkelland-color-alert-succes;
 @utrecht-alert-icon-warning-color: @dinkelland-color-alert-warning;
 @utrecht-alert-icon-error-color: @dinkelland-color-alert-error;

package/municipalities/dinkelland-design-tokens/dist/index.scss CHANGED Viewed

@@ -1,7 +1,28 @@
 // Do not edit directly
-// Generated on Thu, 31 Aug 2023 09:13:05 GMT
+// Generated on Tue, 19 Sep 2023 14:30:44 GMT
+$conduction-tabs-scroll-button-border-style: solid;
+$conduction-tabs-tab-panel-border-top: 0;
+$conduction-tabs-tab-panel-border-style: solid;
+$conduction-tabs-tab-list-border-bottom-style: solid;
+$conduction-tabs-tab-list-border-bottom-width: 1px;
+$conduction-tabs-tab-list-margin-block-end: 0px;
+$conduction-tabs-tab-hover-text-decoration: underline;
+$conduction-tabs-tab-selected-hover-text-decoration: underline;
+$conduction-tabs-tab-selected-hover-background-color: transparent;
+$conduction-tabs-tab-selected-border-bottom-color: unset;
+$conduction-tabs-tab-selected-border-bottom-style: unset;
+$conduction-tabs-tab-selected-border-bottom-width: 0px;
+$conduction-tabs-tab-selected-border-bottom: 0;
+$conduction-tabs-tab-selected-border-style: solid;
+$conduction-tabs-tab-selected-background-color: transparent;
+$conduction-tabs-tab-min-height: 61px;
+$conduction-tabs-tab-min-width: 160px;
+$conduction-tabs-tab-max-width: unset;
+$conduction-tabs-tab-bottom: 0px;
+$conduction-tabs-tab-border-bottom: 0;
+$conduction-tabs-tab-border-style: solid;
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;
 $conduction-input-select-border-focus: unset;
@@ -41,8 +62,8 @@ $utrecht-heading-4-margin-block-start: 0;
 $utrecht-heading-4-margin-block-end: 0;
 $utrecht-heading-3-margin-block-start: 0;
 $utrecht-heading-2-margin-block-start: 0;
-$utrecht-text-box-font-size: 15px;
-$utrecht-text-box-border-radius: 0px;
+$utrecht-textbox-font-size: 15px;
+$utrecht-textbox-border-radius: 0px;
 $utrecht-table-header-cell-text-transform: unset;
 $utrecht-table-margin-block-end: 0;
 $utrecht-table-header-text-transform: unset;
@@ -61,6 +82,8 @@ $utrecht-button-primary-action-font-weight: inherit;
 $utrecht-button-font-weight: inherit;
 $utrecht-button-font-size: inherit;
 $utrecht-button-border-radius: 0;
+$utrecht-badge-counter-text-decoration: none;
+$utrecht-badge-counter-border-radius: 50%;
 $utrecht-action-submit-cursor: pointer;
 $utrecht-action-disabled-cursor: not-allowed;
 $utrecht-action-busy-cursor: wait;
@@ -95,9 +118,11 @@ $dinkelland-font-size-4xs: 5px;
 $dinkelland-color-lightgrey-96: #f5f5f5;
 $dinkelland-color-lightgrey-89: #e4e4e4; // Base/LightGrey
 $dinkelland-color-grey-94: #edeff2;
+$dinkelland-color-grey-72: #AEB6C2;
 $dinkelland-color-grey-64: #9aa1ab; // Base/Grey
 $dinkelland-color-grey-46: #767676;
 $dinkelland-color-grey-42: #6b6b6b;
+$dinkelland-color-grey-38: #5c6066;
 $dinkelland-color-black-33: #555555;
 $dinkelland-color-black-20: #333333;
 $dinkelland-color-black-13: #222222; // Base/Black
@@ -118,6 +143,44 @@ $dinkelland-color-alert-warning-background: #fff3cd;
 $dinkelland-color-warning: #ffc107;
 $dinkelland-color-alert-error-background: #f8d7da;
 $dinkelland-color-error: #dc3545;
+$conduction-tabs-scroll-button-hover-color: $dinkelland-color-blue-36;
+$conduction-tabs-scroll-button-hover-background-color: $dinkelland-color-blue-96;
+$conduction-tabs-scroll-button-border-color: $dinkelland-color-grey-72;
+$conduction-tabs-scroll-button-border-width: $dinkelland-size-4xs;
+$conduction-tabs-scroll-button-color: $dinkelland-color-grey-38;
+$conduction-tabs-scroll-button-background-color: $dinkelland-color-blue-96;
+$conduction-tabs-tab-panel-border-color: $dinkelland-color-grey-72;
+$conduction-tabs-tab-panel-border-width: $dinkelland-size-4xs;
+$conduction-tabs-tab-panel-padding-inline-end: $dinkelland-size-lg;
+$conduction-tabs-tab-panel-padding-inline-start: $dinkelland-size-lg;
+$conduction-tabs-tab-panel-padding-block-end: $dinkelland-size-lg;
+$conduction-tabs-tab-panel-padding-block-start: $dinkelland-size-lg;
+$conduction-tabs-tab-list-border-bottom-color: $dinkelland-color-grey-72;
+$conduction-tabs-tab-hover-color: $dinkelland-color-blue-36;
+$conduction-tabs-tab-hover-background-color: $dinkelland-color-blue-96;
+$conduction-tabs-tab-selected-hover-color: $dinkelland-color-blue-36;
+$conduction-tabs-tab-selected-font-weight: $dinkelland-typography-font-weight-normal;
+$conduction-tabs-tab-selected-border-color: $dinkelland-color-grey-72;
+$conduction-tabs-tab-selected-border-width: $dinkelland-size-4xs;
+$conduction-tabs-tab-selected-box-shadow: 0px 1px 0px 0px $dinkelland-color-white-100;
+$conduction-tabs-tab-selected-color: $dinkelland-color-blue-36;
+$conduction-tabs-tab-font-weight: $dinkelland-typography-font-weight-normal;
+$conduction-tabs-tab-font-size: $dinkelland-font-size-md;
+$conduction-tabs-tab-margin-inline-end: $dinkelland-size-xs;
+$conduction-tabs-tab-padding-inline-end: $dinkelland-size-sm;
+$conduction-tabs-tab-padding-inline-start: $dinkelland-size-sm;
+$conduction-tabs-tab-padding-block-end: $dinkelland-size-xs;
+$conduction-tabs-tab-padding-block-start: $dinkelland-size-xs;
+$conduction-tabs-tab-border-color: $dinkelland-color-blue-96;
+$conduction-tabs-tab-border-width: $dinkelland-size-4xs;
+$conduction-tabs-tab-color: $dinkelland-color-grey-38;
+$conduction-tabs-tab-background-color: $dinkelland-color-blue-96;
+$conduction-table-wrapper-scroll-button-hover-color: $dinkelland-color-green-24;
+$conduction-table-wrapper-scroll-button-hover-background-color: $dinkelland-color-blue-96;
+$conduction-table-wrapper-scroll-button-padding-inline-end: $dinkelland-size-sm;
+$conduction-table-wrapper-scroll-button-padding-inline-start: $dinkelland-size-sm;
+$conduction-table-wrapper-scroll-button-color: $dinkelland-color-black-20;
+$conduction-table-wrapper-scroll-button-background-color: $dinkelland-color-blue-96;
 $conduction-input-select-placeholder-font-family: $dinkelland-typography-lato-font-family;
 $conduction-input-select-list-option-hover-font-family: $dinkelland-typography-lato-font-family;
 $conduction-input-select-list-option-font-family: $dinkelland-typography-lato-font-family;
@@ -187,17 +250,17 @@ $utrecht-heading-1-font-weight: $dinkelland-typography-font-weight-bold;
 $utrecht-heading-1-font-size: $dinkelland-font-size-2xl;
 $utrecht-heading-1-font-family: $dinkelland-typography-montserrat-font-family;
 $utrecht-heading-1-color: $dinkelland-color-black-13;
-$utrecht-text-box-focus-border-color: $dinkelland-color-blue-48;
-$utrecht-text-box-placeholder-color: $dinkelland-color-grey-42;
-$utrecht-text-box-padding-inline-start: $dinkelland-size-sm;
-$utrecht-text-box-padding-inline-end: $dinkelland-size-sm;
-$utrecht-text-box-padding-block-start: $dinkelland-size-xs;
-$utrecht-text-box-padding-block-end: $dinkelland-size-xs;
-$utrecht-text-box-font-family: $dinkelland-typography-lato-font-family;
-$utrecht-text-box-color: $dinkelland-color-black-33;
-$utrecht-text-box-border-width: $dinkelland-size-4xs;
-$utrecht-text-box-border-color: $dinkelland-color-grey-46;
-$utrecht-text-box-background-color: $dinkelland-color-white-100;
+$utrecht-textbox-padding-inline-start: $dinkelland-size-sm;
+$utrecht-textbox-padding-inline-end: $dinkelland-size-sm;
+$utrecht-textbox-padding-block-start: $dinkelland-size-xs;
+$utrecht-textbox-padding-block-end: $dinkelland-size-xs;
+$utrecht-textbox-font-family: $dinkelland-typography-lato-font-family;
+$utrecht-textbox-color: $dinkelland-color-black-33;
+$utrecht-textbox-border-width: $dinkelland-size-4xs;
+$utrecht-textbox-border-color: $dinkelland-color-grey-46;
+$utrecht-textbox-focus-border-color: $dinkelland-color-blue-48;
+$utrecht-textbox-placeholder-color: $dinkelland-color-grey-42;
+$utrecht-textbox-background-color: $dinkelland-color-white-100;
 $utrecht-table-cell-padding-inline-start: $dinkelland-size-md;
 $utrecht-table-cell-padding-inline-end: $dinkelland-size-md;
 $utrecht-table-cell-padding-block-start: $dinkelland-size-md;
@@ -226,8 +289,6 @@ $utrecht-page-footer-padding-inline-start: $dinkelland-size-sm;
 $utrecht-page-footer-padding-inline-end: $dinkelland-size-sm;
 $utrecht-page-footer-color: $dinkelland-color-white-100;
 $utrecht-icon-gap: $dinkelland-size-xs;
-$utrecht-form-input-focus-border-color: $dinkelland-color-blue-48;
-$utrecht-form-input-placeholder-color: $dinkelland-color-grey-42;
 $utrecht-form-input-padding-inline-start: $dinkelland-size-sm;
 $utrecht-form-input-padding-inline-end: $dinkelland-size-sm;
 $utrecht-form-input-padding-block-start: $dinkelland-size-xs;
@@ -236,6 +297,8 @@ $utrecht-form-input-font-family: $dinkelland-typography-lato-font-family;
 $utrecht-form-input-color: $dinkelland-color-black-33;
 $utrecht-form-input-border-width: $dinkelland-size-4xs;
 $utrecht-form-input-border-color: $dinkelland-color-grey-46;
+$utrecht-form-input-focus-border-color: $dinkelland-color-blue-48;
+$utrecht-form-input-placeholder-color: $dinkelland-color-grey-42;
 $utrecht-form-input-background-color: $dinkelland-color-white-100;
 $utrecht-document-font-size: $dinkelland-font-size-md;
 $utrecht-document-font-family: $dinkelland-typography-lato-font-family;
@@ -289,6 +352,10 @@ $utrecht-blockquote-margin-inline-end: $dinkelland-size-xl;
 $utrecht-blockquote-margin-inline-start: $dinkelland-size-xl;
 $utrecht-blockquote-color: $dinkelland-color-grey-64;
 $utrecht-blockquote-background-color: $dinkelland-color-grey-64;
+$utrecht-badge-counter-padding-inline: $dinkelland-size-2xs;
+$utrecht-badge-counter-padding-block: $dinkelland-size-2xs;
+$utrecht-badge-counter-font-weight: $dinkelland-typography-font-weight-normal;
+$utrecht-badge-counter-color: $dinkelland-color-white-100;
 $utrecht-alert-icon-gap: $dinkelland-size-xs;
 $utrecht-alert-ok-background-color: $dinkelland-color-alert-succes-background;
 $utrecht-alert-error-background-color: $dinkelland-color-alert-error-background;
@@ -334,6 +401,8 @@ $dinkelland-color-alert-warning: $dinkelland-color-black-20;
 $dinkelland-color-alert-error: $dinkelland-color-black-20;
 $dinkelland-color-primary-hover: $dinkelland-color-blue-26;
 $dinkelland-color-primary: $dinkelland-color-blue-36;
+$conduction-tabs-tab-selected-font-family: $utrecht-document-font-family;
+$conduction-tabs-tab-font-family: $utrecht-document-font-family;
 $conduction-input-select-placeholder-color: $utrecht-form-input-placeholder-color;
 $conduction-pagination-current-page-color: $dinkelland-color-primary;
 $conduction-pagination-item-font-family: $utrecht-document-font-family;
@@ -361,6 +430,9 @@ $utrecht-button-secondary-action-hover-border-color: $dinkelland-color-primary-h
 $utrecht-button-secondary-action-color: $dinkelland-color-primary;
 $utrecht-button-secondary-action-border-color: $dinkelland-color-primary;
 $utrecht-blockquote-content-color: $utrecht-document-color;
+$utrecht-badge-counter-font-family: $utrecht-document-font-family;
+$utrecht-badge-counter-font-size: $utrecht-document-font-size;
+$utrecht-badge-counter-background-color: $dinkelland-color-primary;
 $utrecht-alert-icon-ok-color: $dinkelland-color-alert-succes;
 $utrecht-alert-icon-warning-color: $dinkelland-color-alert-warning;
 $utrecht-alert-icon-error-color: $dinkelland-color-alert-error;