@conduction/theme 1.0.24 → 1.0.27

package/municipalities/tubbergen-design-tokens/src/component/conduction/card-header.tokens.json

@@ -0,0 +1,26 @@
+{
+  "conduction": {
+    "card-header": {
+      "background-color": {},
+      "border-bottom-width": {},
+      "border-bottom-style": {},
+      "border-bottom-color": {},
+      "color": { "value": "{utrecht.document.color}" },
+      "hover": {
+        "background-color": {},
+        "border-bottom-width": {},
+        "border-bottom-style": {},
+        "border-bottom-color": {}
+      },
+      "title": {
+        "color": { "value": "{utrecht.document.color}" }
+      },
+      "date": {
+        "color": { "value": "{utrecht.document.color}" },
+        "font-size": { "value": "{tubbergen.font-size.sm}" },
+        "font-weight": { "value": "{tubbergen.typography.font-weight.light}" },
+        "margin-block-end": { "value": "{tubbergen.size.xs}" }
+      }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/component/conduction/card-wrapper.tokens.json

@@ -0,0 +1,19 @@
+{
+  "conduction": {
+    "card-wrapper": {
+      "background-color": { "value": "{tubbergen.color.green.89}" },
+      "border-color": {},
+      "border-width": { "value": "unset" },
+      "border-style": {},
+      "border-radius": { "value": "0px" },
+      "color": { "value": "{utrecht.document.color}" },
+      "hover": {
+        "background-color": {}
+      },
+      "padding-inline-end": { "value": "{tubbergen.size.xl}" },
+      "padding-inline-start": { "value": "{tubbergen.size.xl}" },
+      "padding-block-end": { "value": "{tubbergen.size.sm}" },
+      "padding-block-start": { "value": "{tubbergen.size.sm}" }
+    }
+  }
+}

package/municipalities/xxllnc-design-tokens/README.md

@@ -0,0 +1,3 @@
+# NL Design System design tokens XXLLNC
+
+These tokens have been obtained by analysing the [website of XXLLNC](https://xxllnc.nl/).

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

@@ -1,12 +1,13 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 12:11:32 GMT
+ * Generated on Wed, 23 Aug 2023 16:57:55 GMT
  */
 
 .xxllnc-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-width: unset;
   --utrecht-paragraph-margin-block-end: 0;
   --utrecht-paragraph-margin-block-start: 0;
   --utrecht-paragraph-line-height: 1.5em;
@@ -20,15 +21,6 @@
   --utrecht-link-text-decoration-thickness: 0;
   --utrecht-link-text-decoration-color: unset;
   --utrecht-link-text-decoration: none;
-  --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-primary-action-border-width: 0;
-  --utrecht-button-font-weight: inherit;
-  --utrecht-button-font-size: inherit;
-  --utrecht-button-border-width: 0;
-  --utrecht-button-border-radius: 16px;
   --utrecht-textbox-font-size: 15px;
   --utrecht-textbox-border-radius: 6px;
   --utrecht-table-header-cell-text-transform: unset;
@@ -40,8 +32,15 @@
   --utrecht-page-footer-logo-max-height: 100px;
   --utrecht-form-input-font-size: 15px;
   --utrecht-form-input-border-radius: 6px;
-  --utrecht-card-border-width: unset;
-  --utrecht-card-border-radius: 16px;
+  --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-primary-action-border-width: 0;
+  --utrecht-button-font-weight: inherit;
+  --utrecht-button-font-size: inherit;
+  --utrecht-button-border-width: 0;
+  --utrecht-button-border-radius: 16px;
   --utrecht-action-submit-cursor: pointer;
   --utrecht-action-disabled-cursor: not-allowed;
   --utrecht-action-busy-cursor: wait;
@@ -101,6 +100,19 @@
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-input-select-border: 1px solid var(--xxllnc-color-grey-92);
   --conduction-input-select-background-color: var(--xxllnc-color-white-100);
+  --conduction-card-wrapper-padding-block-start: var(--xxllnc-size-md);
+  --conduction-card-wrapper-padding-block-end: var(--xxllnc-size-md);
+  --conduction-card-wrapper-padding-inline-start: var(--xxllnc-size-md);
+  --conduction-card-wrapper-padding-inline-end: var(--xxllnc-size-md);
+  --conduction-card-wrapper-color: var(--xxllnc-color-white-95);
+  --conduction-card-wrapper-border-radius: var(--xxllnc-size-md);
+  --conduction-card-wrapper-background-color: var(--xxllnc-color-black-21);
+  --conduction-card-header-date-margin-block-end: var(--xxllnc-size-xs);
+  --conduction-card-header-date-font-weight: var(--xxllnc-typography-font-weight-light);
+  --conduction-card-header-date-font-size: var(--xxllnc-font-size-sm);
+  --conduction-card-header-date-color: var(--xxllnc-color-white-95);
+  --conduction-card-header-title-color: var(--xxllnc-color-white-95);
+  --conduction-card-header-color: var(--xxllnc-color-white-95);
   --utrecht-paragraph-font-weight: var(--xxllnc-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--xxllnc-font-size-md);
   --utrecht-paragraph-font-family: var(--xxllnc-typography-sans-serif-font-family);
@@ -145,6 +157,48 @@
   --utrecht-heading-1-font-weight: var(--xxllnc-typography-font-weight-normal);
   --utrecht-heading-1-font-size: var(--xxllnc-font-size-3xl);
   --utrecht-heading-1-font-family: var(--xxllnc-typography-sans-serif-font-family);
+  --utrecht-textbox-placeholder-color: var(--xxllnc-color-grey-43);
+  --utrecht-textbox-padding-inline-start: var(--xxllnc-size-sm);
+  --utrecht-textbox-padding-inline-end: var(--xxllnc-size-sm);
+  --utrecht-textbox-padding-block-start: var(--xxllnc-size-xs);
+  --utrecht-textbox-padding-block-end: var(--xxllnc-size-xs);
+  --utrecht-textbox-font-family: var(--xxllnc-typography-sans-serif-font-family);
+  --utrecht-textbox-color: var(--xxllnc-color-grey-43);
+  --utrecht-textbox-border-width: var(--xxllnc-size-4xs);
+  --utrecht-textbox-border-color: var(--xxllnc-color-black-0-22t);
+  --utrecht-textbox-background-color: var(--xxllnc-color-white-100-0t);
+  --utrecht-table-cell-padding-inline-start: var(--xxllnc-size-md);
+  --utrecht-table-cell-padding-inline-end: var(--xxllnc-size-md);
+  --utrecht-table-cell-padding-block-start: var(--xxllnc-size-md);
+  --utrecht-table-cell-padding-block-end: var(--xxllnc-size-md);
+  --utrecht-table-header-cell-font-weight: var(--xxllnc-typography-font-weight-bold);
+  --utrecht-table-margin-block-start: var(--xxllnc-size-md);
+  --utrecht-table-border-width: var(--xxllnc-size-4xs);
+  --utrecht-table-border-color: var(--xxllnc-color-lightgrey-96);
+  --utrecht-table-row-border-block-end-width: var(--xxllnc-size-4xs);
+  --utrecht-table-row-border-block-end-color: var(--xxllnc-color-lightgrey-96);
+  --utrecht-table-header-font-weight: var(--xxllnc-typography-font-weight-bold);
+  --utrecht-page-header-padding-block-end: var(--xxllnc-size-sm);
+  --utrecht-page-header-padding-block-start: var(--xxllnc-size-sm);
+  --utrecht-page-header-color: var(--xxllnc-color-black-16);
+  --utrecht-page-header-background-color: var(--xxllnc-color-grey-92);
+  --utrecht-page-footer-padding-block-start: var(--xxllnc-size-2xl);
+  --utrecht-page-footer-padding-block-end: var(--xxllnc-size-2xl);
+  --utrecht-page-footer-padding-inline-start: var(--xxllnc-size-sm);
+  --utrecht-page-footer-padding-inline-end: var(--xxllnc-size-sm);
+  --utrecht-page-footer-color: var(--xxllnc-color-primary);
+  --utrecht-page-footer-background-color: var(--xxllnc-color-white-100);
+  --utrecht-icon-gap: var(--xxllnc-size-xs);
+  --utrecht-form-input-placeholder-color: var(--xxllnc-color-grey-43);
+  --utrecht-form-input-padding-inline-start: var(--xxllnc-size-sm);
+  --utrecht-form-input-padding-inline-end: var(--xxllnc-size-sm);
+  --utrecht-form-input-padding-block-start: var(--xxllnc-size-xs);
+  --utrecht-form-input-padding-block-end: var(--xxllnc-size-xs);
+  --utrecht-form-input-font-family: var(--xxllnc-typography-sans-serif-font-family);
+  --utrecht-form-input-color: var(--xxllnc-color-grey-43);
+  --utrecht-form-input-border-width: var(--xxllnc-size-4xs);
+  --utrecht-form-input-border-color: var(--xxllnc-color-black-0-22t);
+  --utrecht-form-input-background-color: var(--xxllnc-color-white-100-0t);
   --utrecht-document-font-size: var(--xxllnc-font-size-md);
   --utrecht-document-font-family: var(--xxllnc-typography-sans-serif-font-family);
   --utrecht-document-color: var(--xxllnc-color-black-16);
@@ -189,54 +243,10 @@
   --utrecht-blockquote-content-color: var(--xxllnc-color-black-16);
   --utrecht-blockquote-margin-inline-end: var(--xxllnc-size-xl);
   --utrecht-blockquote-margin-inline-start: var(--xxllnc-size-xl);
-  --utrecht-textbox-placeholder-color: var(--xxllnc-color-grey-43);
-  --utrecht-textbox-padding-inline-start: var(--xxllnc-size-sm);
-  --utrecht-textbox-padding-inline-end: var(--xxllnc-size-sm);
-  --utrecht-textbox-padding-block-start: var(--xxllnc-size-xs);
-  --utrecht-textbox-padding-block-end: var(--xxllnc-size-xs);
-  --utrecht-textbox-font-family: var(--xxllnc-typography-sans-serif-font-family);
-  --utrecht-textbox-color: var(--xxllnc-color-grey-43);
-  --utrecht-textbox-border-width: var(--xxllnc-size-4xs);
-  --utrecht-textbox-border-color: var(--xxllnc-color-black-0-22t);
-  --utrecht-textbox-background-color: var(--xxllnc-color-white-100-0t);
-  --utrecht-table-cell-padding-inline-start: var(--xxllnc-size-md);
-  --utrecht-table-cell-padding-inline-end: var(--xxllnc-size-md);
-  --utrecht-table-cell-padding-block-start: var(--xxllnc-size-md);
-  --utrecht-table-cell-padding-block-end: var(--xxllnc-size-md);
-  --utrecht-table-header-cell-font-weight: var(--xxllnc-typography-font-weight-bold);
-  --utrecht-table-margin-block-start: var(--xxllnc-size-md);
-  --utrecht-table-border-width: var(--xxllnc-size-4xs);
-  --utrecht-table-border-color: var(--xxllnc-color-lightgrey-96);
-  --utrecht-table-row-border-block-end-width: var(--xxllnc-size-4xs);
-  --utrecht-table-row-border-block-end-color: var(--xxllnc-color-lightgrey-96);
-  --utrecht-table-header-font-weight: var(--xxllnc-typography-font-weight-bold);
-  --utrecht-page-header-padding-block-end: var(--xxllnc-size-sm);
-  --utrecht-page-header-padding-block-start: var(--xxllnc-size-sm);
-  --utrecht-page-header-color: var(--xxllnc-color-black-16);
-  --utrecht-page-header-background-color: var(--xxllnc-color-grey-92);
-  --utrecht-page-footer-padding-block-start: var(--xxllnc-size-2xl);
-  --utrecht-page-footer-padding-block-end: var(--xxllnc-size-2xl);
-  --utrecht-page-footer-padding-inline-start: var(--xxllnc-size-sm);
-  --utrecht-page-footer-padding-inline-end: var(--xxllnc-size-sm);
-  --utrecht-page-footer-color: var(--xxllnc-color-primary);
-  --utrecht-page-footer-background-color: var(--xxllnc-color-white-100);
-  --utrecht-icon-gap: var(--xxllnc-size-xs);
-  --utrecht-form-input-placeholder-color: var(--xxllnc-color-grey-43);
-  --utrecht-form-input-padding-inline-start: var(--xxllnc-size-sm);
-  --utrecht-form-input-padding-inline-end: var(--xxllnc-size-sm);
-  --utrecht-form-input-padding-block-start: var(--xxllnc-size-xs);
-  --utrecht-form-input-padding-block-end: var(--xxllnc-size-xs);
-  --utrecht-form-input-font-family: var(--xxllnc-typography-sans-serif-font-family);
-  --utrecht-form-input-color: var(--xxllnc-color-grey-43);
-  --utrecht-form-input-border-width: var(--xxllnc-size-4xs);
-  --utrecht-form-input-border-color: var(--xxllnc-color-black-0-22t);
-  --utrecht-form-input-background-color: var(--xxllnc-color-white-100-0t);
-  --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);
-  --utrecht-card-padding-inline-end: var(--xxllnc-size-md);
-  --utrecht-card-color: var(--xxllnc-color-white-95);
-  --utrecht-card-background-color: var(--xxllnc-color-black-21);
+  --utrecht-alert-icon-gap: var(--xxllnc-size-xs);
+  --utrecht-alert-icon-ok-color: var(--xxllnc-color-alert-succes);
+  --utrecht-alert-icon-warning-color: var(--xxllnc-color-alert-warning);
+  --utrecht-alert-icon-error-color: var(--xxllnc-color-alert-error);
   --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);
@@ -247,10 +257,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-icon-ok-color: var(--xxllnc-color-alert-succes);
-  --utrecht-alert-icon-warning-color: var(--xxllnc-color-alert-warning);
-  --utrecht-alert-icon-error-color: var(--xxllnc-color-alert-error);
-  --utrecht-alert-icon-gap: var(--xxllnc-size-xs);
   --utrecht-space-inline-3xl: var(--xxllnc-size-3xl);
   --utrecht-space-inline-2xl: var(--xxllnc-size-2xl);
   --utrecht-space-inline-xl: var(--xxllnc-size-xl);
@@ -291,7 +297,7 @@
   --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);
+  --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);
-  --utrecht-alert-icon-color: var(--xxllnc-color-alert-info);
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 12:11:32 GMT
+ * Generated on Wed, 23 Aug 2023 16:57:55 GMT
  */
 
 export const xxllncColorPrimary = "#000000ad"; // Primary with 68% transparency
@@ -90,11 +90,6 @@ export const utrechtSpaceInlineLg = "24px";
 export const utrechtSpaceInlineXl = "32px";
 export const utrechtSpaceInline2xl = "48px";
 export const utrechtSpaceInline3xl = "72px";
-export const utrechtAlertIconGap = "8px";
-export const utrechtAlertIconColor = "#28282c";
-export const utrechtAlertIconErrorColor = "#721c24";
-export const utrechtAlertIconWarningColor = "#856404";
-export const utrechtAlertIconOkColor = "#155724";
 export const utrechtAlertBackgroundColor = "#eaeaea";
 export const utrechtAlertColor = "#28282c";
 export const utrechtAlertPaddingBlockStart = "24px";
@@ -107,14 +102,64 @@ export const utrechtAlertErrorBackgroundColor = "#f8d7da";
 export const utrechtAlertErrorColor = "#721c24";
 export const utrechtAlertOkBackgroundColor = "#d4edda";
 export const utrechtAlertOkColor = "#155724";
-export const utrechtCardBackgroundColor = "#333338";
-export const utrechtCardBorderRadius = "16px";
-export const utrechtCardBorderWidth = "unset";
-export const utrechtCardColor = "#f1f1f1";
-export const utrechtCardPaddingInlineEnd = "18px";
-export const utrechtCardPaddingInlineStart = "18px";
-export const utrechtCardPaddingBlockEnd = "18px";
-export const utrechtCardPaddingBlockStart = "18px";
+export const utrechtAlertIconColor = "#28282c";
+export const utrechtAlertIconErrorColor = "#721c24";
+export const utrechtAlertIconWarningColor = "#856404";
+export const utrechtAlertIconOkColor = "#155724";
+export const utrechtAlertIconGap = "8px";
+export const utrechtBlockquoteMarginInlineStart = "32px";
+export const utrechtBlockquoteMarginInlineEnd = "32px";
+export const utrechtBlockquoteContentColor = "#28282c";
+export const utrechtBlockquoteContentFontSize = "16px";
+export const utrechtButtonBackgroundColor = "#2b2b2b";
+export const utrechtButtonBorderRadius = "16px";
+export const utrechtButtonBorderWidth = 0;
+export const utrechtButtonColor = "#e5e5e5";
+export const utrechtButtonFontFamily = "\"Inter\", sans-serif";
+export const utrechtButtonFontSize = "inherit";
+export const utrechtButtonFontWeight = "inherit";
+export const utrechtButtonPaddingBlockStart = "4px";
+export const utrechtButtonPaddingBlockEnd = "4px";
+export const utrechtButtonPaddingInlineStart = "14px";
+export const utrechtButtonPaddingInlineEnd = "14px";
+export const utrechtButtonIconGap = "8px";
+export const utrechtButtonHoverBackgroundColor = "#2b2b2bcc";
+export const utrechtButtonHoverColor = "#e5e5e5cc";
+export const utrechtButtonPrimaryActionBackgroundColor = "#2b2b2b";
+export const utrechtButtonPrimaryActionBorderWidth = 0;
+export const utrechtButtonPrimaryActionColor = "#e5e5e5";
+export const utrechtButtonPrimaryActionFontWeight = "inherit";
+export const utrechtButtonPrimaryActionHoverBackgroundColor = "#2b2b2b";
+export const utrechtButtonPrimaryActionHoverColor = "#e5e5e5";
+export const utrechtButtonSecondaryActionBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionBorderColor = "#2b2b2b";
+export const utrechtButtonSecondaryActionBorderWidth = "2px";
+export const utrechtButtonSecondaryActionColor = "#2b2b2b";
+export const utrechtButtonSecondaryActionFontWeight = "400";
+export const utrechtButtonSecondaryActionHoverBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionHoverBorderColor = "#2b2b2bcc";
+export const utrechtButtonSecondaryActionHoverColor = "#2b2b2bcc";
+export const utrechtCodeBackgroundColor = "#f5f5f5";
+export const utrechtCodeColor = "#28282c";
+export const utrechtCodeFontFamily = "Monospace, \"Lucida Console\"";
+export const utrechtCodeFontSize = "inherit";
+export const utrechtCodeBlockBackgroundColor = "#f5f5f5";
+export const utrechtCodeBlockColor = "#28282c";
+export const utrechtCodeBlockFontFamily = "Monospace, \"Lucida Console\"";
+export const utrechtCodeBlockFontSize = "16px";
+export const utrechtCodeBlockLineHeight = "24px";
+export const utrechtCodeBlockMarginBlockStart = "18px";
+export const utrechtCodeBlockMarginBlockEnd = "18px";
+export const utrechtCodeBlockMarginInlineStart = 0;
+export const utrechtCodeBlockMarginInlineEnd = 0;
+export const utrechtCodeBlockPaddingBlockStart = "18px";
+export const utrechtCodeBlockPaddingBlockEnd = "18px";
+export const utrechtCodeBlockPaddingInlineStart = "18px";
+export const utrechtCodeBlockPaddingInlineEnd = "18px";
+export const utrechtDocumentBackgroundColor = "#ffffff";
+export const utrechtDocumentColor = "#28282c";
+export const utrechtDocumentFontFamily = "neue-haas-grotesk-text, sans-serif";
+export const utrechtDocumentFontSize = "16px";
 export const utrechtFormInputBackgroundColor = "#ffffff";
 export const utrechtFormInputBorderColor = "#00000038";
 export const utrechtFormInputBorderRadius = "6px";
@@ -173,59 +218,6 @@ export const utrechtTextboxPaddingBlockStart = "8px";
 export const utrechtTextboxPaddingInlineEnd = "14px";
 export const utrechtTextboxPaddingInlineStart = "14px";
 export const utrechtTextboxPlaceholderColor = "#6d6d6d";
-export const utrechtBlockquoteMarginInlineStart = "32px";
-export const utrechtBlockquoteMarginInlineEnd = "32px";
-export const utrechtBlockquoteContentColor = "#28282c";
-export const utrechtBlockquoteContentFontSize = "16px";
-export const utrechtButtonBackgroundColor = "#2b2b2b";
-export const utrechtButtonBorderRadius = "16px";
-export const utrechtButtonBorderWidth = 0;
-export const utrechtButtonColor = "#e5e5e5";
-export const utrechtButtonFontFamily = "\"Inter\", sans-serif";
-export const utrechtButtonFontSize = "inherit";
-export const utrechtButtonFontWeight = "inherit";
-export const utrechtButtonPaddingBlockStart = "4px";
-export const utrechtButtonPaddingBlockEnd = "4px";
-export const utrechtButtonPaddingInlineStart = "14px";
-export const utrechtButtonPaddingInlineEnd = "14px";
-export const utrechtButtonIconGap = "8px";
-export const utrechtButtonHoverBackgroundColor = "#2b2b2bcc";
-export const utrechtButtonHoverColor = "#e5e5e5cc";
-export const utrechtButtonPrimaryActionBackgroundColor = "#2b2b2b";
-export const utrechtButtonPrimaryActionBorderWidth = 0;
-export const utrechtButtonPrimaryActionColor = "#e5e5e5";
-export const utrechtButtonPrimaryActionFontWeight = "inherit";
-export const utrechtButtonPrimaryActionHoverBackgroundColor = "#2b2b2b";
-export const utrechtButtonPrimaryActionHoverColor = "#e5e5e5";
-export const utrechtButtonSecondaryActionBackgroundColor = "#ffffff";
-export const utrechtButtonSecondaryActionBorderColor = "#2b2b2b";
-export const utrechtButtonSecondaryActionBorderWidth = "2px";
-export const utrechtButtonSecondaryActionColor = "#2b2b2b";
-export const utrechtButtonSecondaryActionFontWeight = "400";
-export const utrechtButtonSecondaryActionHoverBackgroundColor = "#ffffff";
-export const utrechtButtonSecondaryActionHoverBorderColor = "#2b2b2bcc";
-export const utrechtButtonSecondaryActionHoverColor = "#2b2b2bcc";
-export const utrechtCodeBackgroundColor = "#f5f5f5";
-export const utrechtCodeColor = "#28282c";
-export const utrechtCodeFontFamily = "Monospace, \"Lucida Console\"";
-export const utrechtCodeFontSize = "inherit";
-export const utrechtCodeBlockBackgroundColor = "#f5f5f5";
-export const utrechtCodeBlockColor = "#28282c";
-export const utrechtCodeBlockFontFamily = "Monospace, \"Lucida Console\"";
-export const utrechtCodeBlockFontSize = "16px";
-export const utrechtCodeBlockLineHeight = "24px";
-export const utrechtCodeBlockMarginBlockStart = "18px";
-export const utrechtCodeBlockMarginBlockEnd = "18px";
-export const utrechtCodeBlockMarginInlineStart = 0;
-export const utrechtCodeBlockMarginInlineEnd = 0;
-export const utrechtCodeBlockPaddingBlockStart = "18px";
-export const utrechtCodeBlockPaddingBlockEnd = "18px";
-export const utrechtCodeBlockPaddingInlineStart = "18px";
-export const utrechtCodeBlockPaddingInlineEnd = "18px";
-export const utrechtDocumentBackgroundColor = "#ffffff";
-export const utrechtDocumentColor = "#28282c";
-export const utrechtDocumentFontFamily = "neue-haas-grotesk-text, sans-serif";
-export const utrechtDocumentFontSize = "16px";
 export const utrechtHeading1FontFamily = "neue-haas-grotesk-text, sans-serif";
 export const utrechtHeading1FontSize = "48px";
 export const utrechtHeading1FontWeight = "400";
@@ -286,6 +278,20 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const conductionCardHeaderColor = "#f1f1f1";
+export const conductionCardHeaderTitleColor = "#f1f1f1";
+export const conductionCardHeaderDateColor = "#f1f1f1";
+export const conductionCardHeaderDateFontSize = "14px";
+export const conductionCardHeaderDateFontWeight = "100";
+export const conductionCardHeaderDateMarginBlockEnd = "8px";
+export const conductionCardWrapperBackgroundColor = "#333338";
+export const conductionCardWrapperBorderWidth = "unset";
+export const conductionCardWrapperBorderRadius = "18px";
+export const conductionCardWrapperColor = "#f1f1f1";
+export const conductionCardWrapperPaddingInlineEnd = "18px";
+export const conductionCardWrapperPaddingInlineStart = "18px";
+export const conductionCardWrapperPaddingBlockEnd = "18px";
+export const conductionCardWrapperPaddingBlockStart = "18px";
 export const conductionInputSelectBackgroundColor = "#ffffff";
 export const conductionInputSelectBorder = "1px solid #eaeaea";
 export const conductionInputSelectBorderFocus = "unset";