@conduction/theme 1.0.23 → 1.0.26

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": {},
+      "border-style": {},
+      "border-radius": {},
+      "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/tubbergen-design-tokens/src/component/{conduction → utrecht/extra-tokens}/table.tokens.json

@@ -1,7 +1,6 @@
 {
   "utrecht": {
     "table": {
-      "border-collapse": { "value": "collapse" },
       "background-color": { "value": "{tubbergen.color.white.100}" },
       "header": {
         "border-block-end-color": { "value": "{tubbergen.color.blue.94}" },
@@ -16,6 +15,9 @@
       },
       "body": {
         "border": { "value": "{tubbergen.size.4xs} solid {tubbergen.color.blue.94}" }
+      },
+      "caption": {
+        "font-style": {}
       }
     }
   }

package/municipalities/tubbergen-design-tokens/src/component/utrecht/list.tokens.json

@@ -24,6 +24,7 @@
         "margin-block-end": { "value": "{tubbergen.size.xs}" },
         "padding-inline-start": { "value": "1ch" }
       },
+
       "marker": {
         "color": { "value": "{utrecht.document.color}" }
       }

package/municipalities/tubbergen-design-tokens/src/component/utrecht/page.tokens.json

@@ -3,8 +3,8 @@
     "page": {
       "background-color": {},
       "color": {},
-      "padding-inline-start": { "value": "{tubbergen.size.lg}" },
-      "padding-inline-end": { "value": "{tubbergen.size.lg}" },
+      "margin-inline-start": { "value": "{tubbergen.size.lg}" },
+      "margin-inline-end": { "value": "{tubbergen.size.lg}" },
       "max-inline-size": { "value": "1140px" }
     }
   }

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,15 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 08:24:56 GMT
+ * Generated on Tue, 22 Aug 2023 15:07:43 GMT
  */
 
 .xxllnc-theme {
   --conduction-input-select-padding-block-start: 0;
   --conduction-input-select-padding-block-end: 0;
   --conduction-input-select-border-focus: unset;
-  --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;
@@ -23,6 +20,17 @@
   --utrecht-link-text-decoration-thickness: 0;
   --utrecht-link-text-decoration-color: unset;
   --utrecht-link-text-decoration: none;
+  --utrecht-textbox-font-size: 15px;
+  --utrecht-textbox-border-radius: 6px;
+  --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: 70px;
+  --utrecht-page-footer-background-image: unset;
+  --utrecht-page-footer-logo-max-width: 120px;
+  --utrecht-page-footer-logo-max-height: 100px;
+  --utrecht-form-input-font-size: 15px;
+  --utrecht-form-input-border-radius: 6px;
   --utrecht-code-block-margin-inline-end: 0;
   --utrecht-code-block-margin-inline-start: 0;
   --utrecht-code-font-size: inherit;
@@ -32,16 +40,6 @@
   --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-page-header-logo-max-width: 70px;
-  --utrecht-page-footer-background-image: unset;
-  --utrecht-page-footer-logo-max-width: 120px;
-  --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-action-submit-cursor: pointer;
   --utrecht-action-disabled-cursor: not-allowed;
   --utrecht-action-busy-cursor: wait;
@@ -101,22 +99,18 @@
   --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);
-  --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-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-header-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);
+  --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);
   --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);
-  --utrecht-page-padding-inline-end: var(--xxllnc-size-lg);
-  --utrecht-page-padding-inline-start: var(--xxllnc-size-lg);
+  --utrecht-page-margin-inline-end: var(--xxllnc-size-lg);
+  --utrecht-page-margin-inline-start: var(--xxllnc-size-lg);
   --utrecht-unordered-list-marker-color: var(--xxllnc-color-primary);
   --utrecht-unordered-list-item-margin-block-end: var(--xxllnc-size-xs);
   --utrecht-unordered-list-item-margin-block-start: var(--xxllnc-size-xs);
@@ -156,6 +150,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);
@@ -200,43 +236,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-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 +250,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);
@@ -283,15 +282,15 @@
   --xxllnc-color-alert-info-background: var(--xxllnc-color-grey-92);
   --xxllnc-color-alert-info: var(--xxllnc-color-black-16);
   --xxllnc-color-info: var(--xxllnc-color-primary);
+  --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-header-color: var(--utrecht-document-color);
   --utrecht-table-font-size: var(--utrecht-document-font-size);
   --utrecht-table-font-family: var(--utrecht-document-font-family);
-  --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-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 08:24:56 GMT
+ * Generated on Tue, 22 Aug 2023 15:07:43 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,53 +102,11 @@ 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 utrechtFormInputBackgroundColor = "#ffffff";
-export const utrechtFormInputBorderColor = "#00000038";
-export const utrechtFormInputBorderRadius = "6px";
-export const utrechtFormInputBorderWidth = "1px";
-export const utrechtFormInputColor = "#6d6d6d";
-export const utrechtFormInputFontFamily = "neue-haas-grotesk-text, sans-serif";
-export const utrechtFormInputFontSize = "15px";
-export const utrechtFormInputPaddingBlockEnd = "8px";
-export const utrechtFormInputPaddingBlockStart = "8px";
-export const utrechtFormInputPaddingInlineEnd = "14px";
-export const utrechtFormInputPaddingInlineStart = "14px";
-export const utrechtFormInputPlaceholderColor = "#6d6d6d";
-export const utrechtIconGap = "8px";
-export const utrechtPageFooterLogoMaxHeight = "100px";
-export const utrechtPageFooterLogoMaxWidth = "120px";
-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 utrechtPageHeaderLogoMaxWidth = "70px";
-export const utrechtPageHeaderBackgroundColor = "#eaeaea";
-export const utrechtPageHeaderColor = "#28282c";
-export const utrechtPageHeaderPaddingBlockStart = "14px";
-export const utrechtPageHeaderPaddingBlockEnd = "14px";
-export const utrechtTextboxBackgroundColor = "#ffffff";
-export const utrechtTextboxBorderColor = "#00000038";
-export const utrechtTextboxBorderRadius = "6px";
-export const utrechtTextboxBorderWidth = "1px";
-export const utrechtTextboxColor = "#6d6d6d";
-export const utrechtTextboxFontFamily = "neue-haas-grotesk-text, sans-serif";
-export const utrechtTextboxFontSize = "15px";
-export const utrechtTextboxPaddingBlockEnd = "8px";
-export const utrechtTextboxPaddingBlockStart = "8px";
-export const utrechtTextboxPaddingInlineEnd = "14px";
-export const utrechtTextboxPaddingInlineStart = "14px";
-export const utrechtTextboxPlaceholderColor = "#6d6d6d";
+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";
@@ -207,6 +160,64 @@ 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";
+export const utrechtFormInputBorderWidth = "1px";
+export const utrechtFormInputColor = "#6d6d6d";
+export const utrechtFormInputFontFamily = "neue-haas-grotesk-text, sans-serif";
+export const utrechtFormInputFontSize = "15px";
+export const utrechtFormInputPaddingBlockEnd = "8px";
+export const utrechtFormInputPaddingBlockStart = "8px";
+export const utrechtFormInputPaddingInlineEnd = "14px";
+export const utrechtFormInputPaddingInlineStart = "14px";
+export const utrechtFormInputPlaceholderColor = "#6d6d6d";
+export const utrechtIconGap = "8px";
+export const utrechtPageFooterLogoMaxHeight = "100px";
+export const utrechtPageFooterLogoMaxWidth = "120px";
+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 utrechtPageHeaderLogoMaxWidth = "70px";
+export const utrechtPageHeaderBackgroundColor = "#eaeaea";
+export const utrechtPageHeaderColor = "#28282c";
+export const utrechtPageHeaderPaddingBlockStart = "14px";
+export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtTableHeaderFontWeight = "700";
+export const utrechtTableHeaderColor = "#28282c";
+export const utrechtTableHeaderTextTransform = "unset";
+export const utrechtTableRowBorderBlockEndColor = "#f5f5f5";
+export const utrechtTableRowBorderBlockEndWidth = "1px";
+export const utrechtTableBorderColor = "#f5f5f5";
+export const utrechtTableBorderWidth = "1px";
+export const utrechtTableFontFamily = "neue-haas-grotesk-text, sans-serif";
+export const utrechtTableFontSize = "16px";
+export const utrechtTableMarginBlockEnd = 0;
+export const utrechtTableMarginBlockStart = "18px";
+export const utrechtTableHeaderCellFontSize = "16px";
+export const utrechtTableHeaderCellFontWeight = "700";
+export const utrechtTableHeaderCellColor = "#28282c";
+export const utrechtTableHeaderCellTextTransform = "unset";
+export const utrechtTableCellPaddingBlockEnd = "18px";
+export const utrechtTableCellPaddingBlockStart = "18px";
+export const utrechtTableCellPaddingInlineEnd = "18px";
+export const utrechtTableCellPaddingInlineStart = "18px";
+export const utrechtTextboxBackgroundColor = "#ffffff";
+export const utrechtTextboxBorderColor = "#00000038";
+export const utrechtTextboxBorderRadius = "6px";
+export const utrechtTextboxBorderWidth = "1px";
+export const utrechtTextboxColor = "#6d6d6d";
+export const utrechtTextboxFontFamily = "neue-haas-grotesk-text, sans-serif";
+export const utrechtTextboxFontSize = "15px";
+export const utrechtTextboxPaddingBlockEnd = "8px";
+export const utrechtTextboxPaddingBlockStart = "8px";
+export const utrechtTextboxPaddingInlineEnd = "14px";
+export const utrechtTextboxPaddingInlineStart = "14px";
+export const utrechtTextboxPlaceholderColor = "#6d6d6d";
 export const utrechtHeading1FontFamily = "neue-haas-grotesk-text, sans-serif";
 export const utrechtHeading1FontSize = "48px";
 export const utrechtHeading1FontWeight = "400";
@@ -257,8 +268,8 @@ export const utrechtUnorderedListItemMarginBlockStart = "8px";
 export const utrechtUnorderedListItemMarginBlockEnd = "8px";
 export const utrechtUnorderedListItemPaddingInlineStart = "1ch";
 export const utrechtUnorderedListMarkerColor = "#000000ad";
-export const utrechtPagePaddingInlineStart = "24px";
-export const utrechtPagePaddingInlineEnd = "24px";
+export const utrechtPageMarginInlineStart = "24px";
+export const utrechtPageMarginInlineEnd = "24px";
 export const utrechtPageMaxInlineSize = "1140px";
 export const utrechtParagraphColor = "#28282c";
 export const utrechtParagraphFontFamily = "neue-haas-grotesk-text, sans-serif";
@@ -267,25 +278,13 @@ 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";
-export const utrechtTableFontSize = "16px";
-export const utrechtTableMarginBlockEnd = 0;
-export const utrechtTableMarginBlockStart = "18px";
-export const utrechtTableHeaderFontWeight = "700";
-export const utrechtTableHeaderColor = "#28282c";
-export const utrechtTableHeaderTextTransform = "unset";
-export const utrechtTableHeaderCellFontSize = "16px";
-export const utrechtTableHeaderCellFontWeight = "700";
-export const utrechtTableHeaderCellColor = "#28282c";
-export const utrechtTableHeaderCellTextTransform = "unset";
-export const utrechtTableCellPaddingBlockEnd = "18px";
-export const utrechtTableCellPaddingBlockStart = "18px";
-export const utrechtTableCellPaddingInlineEnd = "18px";
-export const utrechtTableCellPaddingInlineStart = "18px";
-export const utrechtTableRowBorderBlockEndColor = "#f5f5f5";
-export const utrechtTableRowBorderBlockEndWidth = "1px";
+export const conductionCardWrapperBackgroundColor = "#333338";
+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";