@conduction/theme 1.0.29 → 1.0.30

package/README.md

@@ -6,6 +6,7 @@ Conduction's design tokens theme
 
 - **Version 1**
 
+  - 1.0.30: Added Noaberkracht theme.
   - 1.0.29: 
     - Added extra select tokens to all themes.
     - Updated table tokens in noordwijk theme.

package/conduction-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:14:35 GMT
+ * Generated on Thu, 24 Aug 2023 15:19:54 GMT
  */
 
 .conduction-theme {

package/conduction-design-tokens/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:14:35 GMT
+ * Generated on Thu, 24 Aug 2023 15:19:54 GMT
  */
 
 export const conductionColorPrimary = "#4376fc";

package/conduction-design-tokens/dist/index.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:14:35 GMT
+// Generated on Thu, 24 Aug 2023 15:19:54 GMT
 
 @utrecht-paragraph-margin-block-end: 0;
 @utrecht-paragraph-margin-block-start: 0;

package/conduction-design-tokens/dist/index.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:14:35 GMT
+// Generated on Thu, 24 Aug 2023 15:19:54 GMT
 
 $utrecht-paragraph-margin-block-end: 0;
 $utrecht-paragraph-margin-block-start: 0;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:15:05 GMT
+ * Generated on Thu, 24 Aug 2023 15:20:39 GMT
  */
 
 .dinkelland-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:15:05 GMT
+ * Generated on Thu, 24 Aug 2023 15:20:38 GMT
  */
 
 export const dinkellandColorPrimary = "#006cb9";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:15:05 GMT
+// Generated on Thu, 24 Aug 2023 15:20:39 GMT
 
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:15:05 GMT
+// Generated on Thu, 24 Aug 2023 15:20:39 GMT
 
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:15:13 GMT
+ * Generated on Thu, 24 Aug 2023 15:20:46 GMT
  */
 
 .epe-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:15:13 GMT
+ * Generated on Thu, 24 Aug 2023 15:20:46 GMT
  */
 
 export const epeColorPrimary = "#01699d";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:15:13 GMT
+// Generated on Thu, 24 Aug 2023 15:20:46 GMT
 
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:15:13 GMT
+// Generated on Thu, 24 Aug 2023 15:20:46 GMT
 
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:14:43 GMT
+ * Generated on Thu, 24 Aug 2023 15:20:06 GMT
  */
 
 .leiden-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 11:14:43 GMT
+ * Generated on Thu, 24 Aug 2023 15:20:06 GMT
  */
 
 export const leidenColorPrimary = "#d62410";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:14:43 GMT
+// Generated on Thu, 24 Aug 2023 15:20:06 GMT
 
 @conduction-input-select-padding-block-start: 0;
 @conduction-input-select-padding-block-end: 0;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 24 Aug 2023 11:14:43 GMT
+// Generated on Thu, 24 Aug 2023 15:20:06 GMT
 
 $conduction-input-select-padding-block-start: 0;
 $conduction-input-select-padding-block-end: 0;

package/municipalities/noaberkracht-design-tokens/LICENSE.md

@@ -0,0 +1,17 @@
+# Auteursrecht Noaberkracht
+
+Copyright (c) 2023 Noaberkracht
+
+## Logo en huisstijl
+
+Op het huisstijl en logo zijn auteursrechten van toepassing. Het gebruik van logo en huisstijl is alleen toegestaan voor gebruik door Noaberkracht.
+
+Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van Noaberkracht gebruiken en je ontwerpt een eigen huisstijl.
+
+## Lettertype
+
+Lettertypes die worden gebruikt voor de huisstijl zijn niet allemaal gratis en open source. Let op dat bij gebruik van die bijgeleverde lettertypes je een (betaalde) licentie regelt. Pas anders de configuratie aan om minder of andere lettertypes te gebruiken.
+
+## Toestemming
+
+Wanneer je het logo of de huisstijl wilt gebruiken kun je voor toestemming contact opnemen met Noaberkracht.

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

@@ -1,13 +1,40 @@
 /**
  * Do not edit directly
- * Generated on Tue, 22 Aug 2023 10:28:00 GMT
+ * Generated on Thu, 24 Aug 2023 15:21:01 GMT
  */
 
 .noaberkracht-theme {
+  --conduction-input-select-padding-block-start: 0;
+  --conduction-input-select-padding-block-end: 0;
+  --conduction-input-select-border-focus: unset;
+  --conduction-card-wrapper-border-radius: 22px;
+  --conduction-card-wrapper-border-style: solid;
+  --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-unordered-list-item-padding-inline-start: 1ch;
+  --utrecht-unordered-list-padding-inline-start: 2ch;
+  --utrecht-unordered-list-margin-block-end: 0;
+  --utrecht-ordered-list-item-padding-inline-start: 1ch;
+  --utrecht-link-text-decoration: underline;
+  --utrecht-textbox-font-size: 14px;
+  --utrecht-textbox-border-radius: 9999px;
+  --utrecht-table-header-cell-text-transform: unset;
+  --utrecht-table-margin-block-end: 0;
+  --utrecht-table-header-text-transform: unset;
   --utrecht-page-header-logo-max-width: 130px;
   --utrecht-page-footer-background-image: unset;
   --utrecht-page-footer-logo-max-width: 150px;
+  --utrecht-form-input-font-size: 14px;
+  --utrecht-form-input-border-radius: 9999px;
+  --utrecht-code-block-margin-inline-end: 0;
+  --utrecht-code-block-margin-inline-start: 0;
+  --utrecht-code-font-size: inherit;
+  --utrecht-button-primary-action-font-weight: inherit;
+  --utrecht-button-font-weight: inherit;
+  --utrecht-button-font-size: inherit;
+  --utrecht-button-border-radius: 9999px;
   --utrecht-action-submit-cursor: pointer;
   --utrecht-action-disabled-cursor: not-allowed;
   --utrecht-action-busy-cursor: wait;
@@ -16,7 +43,8 @@
   --noaberkracht-typography-font-weight-bold: 700;
   --noaberkracht-typography-monospace-font-family: Monospace, "Lucida Console";
   --noaberkracht-typography-sans-serif-font-family: "Noto Sans", Arial, sans-serif;
-  --noaberkracht-typography-greycliff-cf-font-family: OceanWide;
+  --noaberkracht-typography-oceanwide-font-family: Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;
+  --noaberkracht-typography-greycliff-cf-font-family: greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
   --noaberkracht-size-4xl: 96px;
   --noaberkracht-size-3xl: 72px;
   --noaberkracht-size-2xl: 48px;
@@ -44,7 +72,7 @@
   --noaberkracht-color-white-98: #fafafa;
   --noaberkracht-color-lightgrey-96: #f5f5f5; /* Base/LightGrey */
   --noaberkracht-color-yellow-47: #f0b800; /* Base/Yellow from Huisstijlhandboek, base color of website is #f0af00 */
-  --noaberkracht-color-blue-31: #012c9d99; /* Blue with 60% transparency */
+  --noaberkracht-color-blue-31-60t: #012c9d99; /* Blue with 60% transparency */
   --noaberkracht-color-blue-22: #003790; /* Base/Blue from Huisstijlhandboek, base color of website is #012c9d */
   --noaberkracht-color-alert-info-background: #cce5ff;
   --noaberkracht-color-alert-info: #004085;
@@ -59,22 +87,168 @@
   --noaberkracht-color-error: #dc3545;
   --noaberkracht-color-primary-hover: #2e5ed9;
   --noaberkracht-color-primary: #4376fc;
+  --conduction-input-select-placeholder-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
+  --conduction-input-select-list-option-hover-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
+  --conduction-input-select-list-option-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
+  --conduction-input-select-invalid-border-color: var(--noaberkracht-color-error);
+  --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
+  --conduction-input-select-border: var(--noaberkracht-size-4xs) solid var(--noaberkracht-color-blue-22);
+  --conduction-input-select-background-color: var(--noaberkracht-color-white-100);
+  --conduction-card-wrapper-padding-block-start: var(--noaberkracht-size-md);
+  --conduction-card-wrapper-padding-block-end: var(--noaberkracht-size-md);
+  --conduction-card-wrapper-padding-inline-start: var(--noaberkracht-size-md);
+  --conduction-card-wrapper-padding-inline-end: var(--noaberkracht-size-md);
+  --conduction-card-wrapper-color: var(--noaberkracht-color-blue-22);
+  --conduction-card-wrapper-border-width: var(--noaberkracht-size-4xs);
+  --conduction-card-wrapper-border-color: var(--noaberkracht-color-blue-22);
+  --conduction-card-wrapper-background-color: var(--noaberkracht-color-white-100);
+  --conduction-card-header-date-margin-block-end: var(--noaberkracht-size-xs);
+  --conduction-card-header-date-font-weight: var(--noaberkracht-typography-font-weight-light);
+  --conduction-card-header-date-font-size: var(--noaberkracht-font-size-xs);
+  --conduction-card-header-date-color: var(--noaberkracht-color-blue-22);
+  --conduction-card-header-title-color: var(--noaberkracht-color-blue-22);
+  --utrecht-paragraph-font-weight: var(--noaberkracht-typography-font-weight-normal);
+  --utrecht-paragraph-font-size: var(--noaberkracht-font-size-sm);
+  --utrecht-paragraph-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
   --utrecht-page-margin-inline-end: var(--noaberkracht-size-lg);
   --utrecht-page-margin-inline-start: var(--noaberkracht-size-lg);
+  --utrecht-unordered-list-marker-color: var(--noaberkracht-color-blue-22);
+  --utrecht-unordered-list-item-margin-block-end: var(--noaberkracht-size-xs);
+  --utrecht-unordered-list-item-margin-block-start: var(--noaberkracht-size-xs);
+  --utrecht-unordered-list-margin-block-start: var(--noaberkracht-size-md);
+  --utrecht-ordered-list-item-margin-block-end: var(--noaberkracht-size-2xs);
+  --utrecht-ordered-list-item-margin-block-start: var(--noaberkracht-size-2xs);
+  --utrecht-ordered-list-padding-inline-start: var(--noaberkracht-size-xl);
+  --utrecht-ordered-list-margin-block-end: var(--noaberkracht-size-sm);
+  --utrecht-ordered-list-margin-block-start: var(--noaberkracht-size-sm);
+  --utrecht-link-icon-size: var(--noaberkracht-size-sm);
+  --utrecht-link-visited-color: var(--noaberkracht-color-blue-22);
+  --utrecht-link-hover-text-decoration-thickness: var(--noaberkracht-size-4xs);
+  --utrecht-link-hover-color: var(--noaberkracht-color-blue-22);
+  --utrecht-link-text-underline-offset: var(--noaberkracht-size-3xs);
+  --utrecht-link-text-decoration-thickness: var(--noaberkracht-size-4xs);
+  --utrecht-link-text-decoration-color: var(--noaberkracht-color-blue-22);
+  --utrecht-link-color: var(--noaberkracht-color-blue-22);
+  --utrecht-heading-5-margin-block-start: var(--noaberkracht-size-md);
+  --utrecht-heading-5-margin-block-end: var(--noaberkracht-size-lg);
+  --utrecht-heading-5-font-weight: var(--noaberkracht-typography-font-weight-light);
+  --utrecht-heading-5-font-size: var(--noaberkracht-font-size-sm);
+  --utrecht-heading-5-font-family: var(--noaberkracht-typography-oceanwide-font-family);
+  --utrecht-heading-5-color: var(--noaberkracht-color-blue-22);
+  --utrecht-heading-4-margin-block-start: var(--noaberkracht-size-md);
+  --utrecht-heading-4-margin-block-end: var(--noaberkracht-size-lg);
+  --utrecht-heading-4-font-weight: var(--noaberkracht-typography-font-weight-normal);
+  --utrecht-heading-4-font-size: var(--noaberkracht-font-size-md);
+  --utrecht-heading-4-font-family: var(--noaberkracht-typography-oceanwide-font-family);
+  --utrecht-heading-4-color: var(--noaberkracht-color-blue-22);
+  --utrecht-heading-3-margin-block-start: var(--noaberkracht-size-md);
+  --utrecht-heading-3-margin-block-end: var(--noaberkracht-size-xl);
+  --utrecht-heading-3-font-weight: var(--noaberkracht-typography-font-weight-normal);
+  --utrecht-heading-3-font-size: var(--noaberkracht-font-size-lg);
+  --utrecht-heading-3-font-family: var(--noaberkracht-typography-oceanwide-font-family);
+  --utrecht-heading-3-color: var(--noaberkracht-color-blue-22);
+  --utrecht-heading-2-margin-block-start: var(--noaberkracht-size-md);
+  --utrecht-heading-2-margin-block-end: var(--noaberkracht-size-2xl);
+  --utrecht-heading-2-font-weight: var(--noaberkracht-typography-font-weight-bold);
+  --utrecht-heading-2-font-size: var(--noaberkracht-font-size-xl);
+  --utrecht-heading-2-font-family: var(--noaberkracht-typography-oceanwide-font-family);
+  --utrecht-heading-2-color: var(--noaberkracht-color-blue-22);
+  --utrecht-heading-1-margin-block-start: var(--noaberkracht-size-md);
+  --utrecht-heading-1-margin-block-end: var(--noaberkracht-size-2xl);
+  --utrecht-heading-1-font-weight: var(--noaberkracht-typography-font-weight-bold);
+  --utrecht-heading-1-font-size: var(--noaberkracht-font-size-2xl);
+  --utrecht-heading-1-font-family: var(--noaberkracht-typography-oceanwide-font-family);
+  --utrecht-heading-1-color: var(--noaberkracht-color-blue-22);
+  --utrecht-textbox-focus-background-color: var(--noaberkracht-color-white-100);
+  --utrecht-textbox-placeholder-color: var(--noaberkracht-color-blue-22);
+  --utrecht-textbox-padding-inline-start: var(--noaberkracht-size-md);
+  --utrecht-textbox-padding-inline-end: var(--noaberkracht-size-md);
+  --utrecht-textbox-padding-block-start: var(--noaberkracht-size-xs);
+  --utrecht-textbox-padding-block-end: var(--noaberkracht-size-xs);
+  --utrecht-textbox-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
+  --utrecht-textbox-color: var(--noaberkracht-color-blue-22);
+  --utrecht-textbox-border-width: var(--noaberkracht-size-4xs);
+  --utrecht-textbox-border-color: var(--noaberkracht-color-blue-22);
+  --utrecht-textbox-background-color: var(--noaberkracht-color-white-100);
+  --utrecht-table-cell-padding-inline-start: var(--noaberkracht-size-md);
+  --utrecht-table-cell-padding-inline-end: var(--noaberkracht-size-md);
+  --utrecht-table-cell-padding-block-start: var(--noaberkracht-size-md);
+  --utrecht-table-cell-padding-block-end: var(--noaberkracht-size-md);
+  --utrecht-table-header-cell-font-weight: var(--noaberkracht-typography-font-weight-bold);
+  --utrecht-table-margin-block-start: var(--noaberkracht-size-md);
+  --utrecht-table-border-width: var(--noaberkracht-size-4xs);
+  --utrecht-table-border-color: var(--noaberkracht-color-lightgrey-96);
+  --utrecht-table-row-border-block-end-width: var(--noaberkracht-size-4xs);
+  --utrecht-table-row-border-block-end-color: var(--noaberkracht-color-lightgrey-96);
+  --utrecht-table-header-font-weight: var(--noaberkracht-typography-font-weight-bold);
   --utrecht-page-header-padding-block-end: var(--noaberkracht-size-sm);
   --utrecht-page-header-padding-block-start: var(--noaberkracht-size-sm);
   --utrecht-page-header-color: var(--noaberkracht-color-white-100);
-  --utrecht-page-header-background-color: var(--noaberkracht-color-blue-31);
+  --utrecht-page-header-background-color: var(--noaberkracht-color-blue-31-60t);
   --utrecht-page-footer-padding-block-start: var(--noaberkracht-size-2xl);
   --utrecht-page-footer-padding-block-end: var(--noaberkracht-size-2xl);
   --utrecht-page-footer-padding-inline-start: var(--noaberkracht-size-sm);
   --utrecht-page-footer-padding-inline-end: var(--noaberkracht-size-sm);
   --utrecht-page-footer-color: var(--noaberkracht-color-white-100);
   --utrecht-page-footer-background-color: var(--noaberkracht-color-yellow-47);
-  --utrecht-document-font-size: var(--noaberkracht-font-size-md);
+  --utrecht-icon-gap: var(--noaberkracht-size-xs);
+  --utrecht-form-input-focus-background-color: var(--noaberkracht-color-white-100);
+  --utrecht-form-input-placeholder-color: var(--noaberkracht-color-blue-22);
+  --utrecht-form-input-padding-inline-start: var(--noaberkracht-size-md);
+  --utrecht-form-input-padding-inline-end: var(--noaberkracht-size-md);
+  --utrecht-form-input-padding-block-start: var(--noaberkracht-size-xs);
+  --utrecht-form-input-padding-block-end: var(--noaberkracht-size-xs);
+  --utrecht-form-input-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
+  --utrecht-form-input-color: var(--noaberkracht-color-blue-22);
+  --utrecht-form-input-border-width: var(--noaberkracht-size-4xs);
+  --utrecht-form-input-border-color: var(--noaberkracht-color-blue-22);
+  --utrecht-form-input-background-color: var(--noaberkracht-color-white-100);
+  --utrecht-document-font-size: var(--noaberkracht-font-size-sm);
   --utrecht-document-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
-  --utrecht-document-color: var(--noaberkracht-color-black-0);
+  --utrecht-document-color: var(--noaberkracht-color-blue-22);
   --utrecht-document-background-color: var(--noaberkracht-color-white-98);
+  --utrecht-code-block-padding-inline-end: var(--noaberkracht-size-md);
+  --utrecht-code-block-padding-inline-start: var(--noaberkracht-size-md);
+  --utrecht-code-block-padding-block-end: var(--noaberkracht-size-md);
+  --utrecht-code-block-padding-block-start: var(--noaberkracht-size-md);
+  --utrecht-code-block-margin-block-end: var(--noaberkracht-size-md);
+  --utrecht-code-block-margin-block-start: var(--noaberkracht-size-md);
+  --utrecht-code-block-line-height: var(--noaberkracht-size-lg);
+  --utrecht-code-block-font-size: var(--noaberkracht-font-size-sm);
+  --utrecht-code-block-font-family: var(--noaberkracht-typography-monospace-font-family);
+  --utrecht-code-block-color: var(--noaberkracht-color-black-0);
+  --utrecht-code-block-background-color: var(--noaberkracht-color-lightgrey-96);
+  --utrecht-code-font-family: var(--noaberkracht-typography-monospace-font-family);
+  --utrecht-code-color: var(--noaberkracht-color-black-0);
+  --utrecht-code-background-color: var(--noaberkracht-color-lightgrey-96);
+  --utrecht-button-secondary-action-hover-color: var(--noaberkracht-color-blue-22);
+  --utrecht-button-secondary-action-hover-border-color: var(--noaberkracht-color-blue-22);
+  --utrecht-button-secondary-action-hover-background-color: var(--noaberkracht-color-white-100);
+  --utrecht-button-secondary-action-font-weight: var(--noaberkracht-typography-font-weight-normal);
+  --utrecht-button-secondary-action-color: var(--noaberkracht-color-yellow-47);
+  --utrecht-button-secondary-action-border-width: var(--noaberkracht-size-3xs);
+  --utrecht-button-secondary-action-border-color: var(--noaberkracht-color-yellow-47);
+  --utrecht-button-secondary-action-background-color: var(--noaberkracht-color-white-100);
+  --utrecht-button-primary-action-hover-color: var(--noaberkracht-color-white-100);
+  --utrecht-button-primary-action-hover-border-color: var(--noaberkracht-color-yellow-47);
+  --utrecht-button-primary-action-hover-background-color: var(--noaberkracht-color-yellow-47);
+  --utrecht-button-primary-action-color: var(--noaberkracht-color-white-100);
+  --utrecht-button-primary-action-border-width: var(--noaberkracht-size-3xs);
+  --utrecht-button-primary-action-border-color: var(--noaberkracht-color-yellow-47);
+  --utrecht-button-primary-action-background-color: var(--noaberkracht-color-yellow-47);
+  --utrecht-button-hover-color: var(--noaberkracht-color-white-100);
+  --utrecht-button-hover-border-color: var(--noaberkracht-color-blue-22);
+  --utrecht-button-hover-background-color: var(--noaberkracht-color-blue-22);
+  --utrecht-button-icon-gap: var(--noaberkracht-size-xs);
+  --utrecht-button-padding-inline-end: var(--noaberkracht-size-sm);
+  --utrecht-button-padding-inline-start: var(--noaberkracht-size-sm);
+  --utrecht-button-padding-block-end: var(--noaberkracht-size-2xs);
+  --utrecht-button-padding-block-start: var(--noaberkracht-size-2xs);
+  --utrecht-button-font-family: var(--noaberkracht-typography-oceanwide-font-family);
+  --utrecht-button-color: var(--noaberkracht-color-white-100);
+  --utrecht-button-border-width: var(--noaberkracht-size-3xs);
+  --utrecht-button-border-color: var(--noaberkracht-color-yellow-47);
+  --utrecht-button-background-color: var(--noaberkracht-color-yellow-47);
   --utrecht-blockquote-content-font-size: var(--noaberkracht-font-size-md);
   --utrecht-blockquote-content-color: var(--noaberkracht-color-black-0);
   --utrecht-blockquote-margin-inline-end: var(--noaberkracht-size-xl);
@@ -126,4 +300,14 @@
   --noaberkracht-typography-scale-3xs: var(--noaberkracht-font-size-3xs);
   --noaberkracht-typography-scale-4xs: var(--noaberkracht-font-size-4xs);
   --noaberkracht-color-info: var(--noaberkracht-color-primary);
+  --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
+  --conduction-card-header-color: var(--utrecht-document-color);
+  --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-table-header-cell-color: var(--utrecht-document-color);
+  --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
+  --utrecht-table-font-size: var(--utrecht-document-font-size);
+  --utrecht-table-font-family: var(--utrecht-document-font-family);
+  --utrecht-table-header-color: var(--utrecht-document-color);
 }

package/municipalities/noaberkracht-design-tokens/dist/font.css

@@ -1,5 +1,9 @@
 /* Place any @font-face definitions here */
 @font-face {
   font-family: "greycliff-cf";
-  src: url("../src/font/GreycliffCF-Regular.woff2") format("woff2");
+  src: url("../src/font/GreycliffCF.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Oceanwide";
+  src: url("../src/font/Oceanwide.woff2") format("woff2");
 }