@conduction/theme 1.0.15 → 1.0.16

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

@@ -0,0 +1,283 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 09 Aug 2023 14:48:39 GMT
+ */
+
+.leiden-theme {
+  --conduction-input-select-padding-block-start: 0;
+  --conduction-input-select-padding-block-end: 0;
+  --conduction-input-select-border-focus: unset;
+  --utrecht-textbox-font-size: 15px;
+  --utrecht-textbox-border-radius: 0px;
+  --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;
+  --utrecht-page-max-inline-size: 1140px;
+  --utrecht-page-footer-background-image: unset;
+  --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-hover-text-decoration: underline;
+  --utrecht-link-text-decoration-thickness: 0;
+  --utrecht-link-text-decoration-color: unset;
+  --utrecht-link-text-decoration: none;
+  --utrecht-form-input-font-size: 15px;
+  --utrecht-form-input-border-radius: 0px;
+  --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-card-border-width: unset;
+  --utrecht-action-submit-cursor: pointer;
+  --utrecht-action-disabled-cursor: not-allowed;
+  --utrecht-action-busy-cursor: wait;
+  --leiden-typography-font-weight-light: 100;
+  --leiden-typography-font-weight-normal: 400;
+  --leiden-typography-font-weight-bold: 700;
+  --leiden-typography-monospace-font-family: Monospace, "Lucida Console";
+  --leiden-typography-sans-serif-font-family: "Open Sans", Arial, sans-serif;
+  --leiden-size-4xl: 96px;
+  --leiden-size-3xl: 72px;
+  --leiden-size-2xl: 48px;
+  --leiden-size-xl: 32px;
+  --leiden-size-lg: 24px;
+  --leiden-size-md: 18px;
+  --leiden-size-sm: 14px;
+  --leiden-size-xs: 8px;
+  --leiden-size-2xs: 4px;
+  --leiden-size-3xs: 2px;
+  --leiden-size-4xs: 1px;
+  --leiden-font-size-4xl: 58px;
+  --leiden-font-size-3xl: 48px;
+  --leiden-font-size-2xl: 32px;
+  --leiden-font-size-xl: 24px;
+  --leiden-font-size-lg: 20px;
+  --leiden-font-size-md: 18px;
+  --leiden-font-size-sm: 14px;
+  --leiden-font-size-xs: 12px;
+  --leiden-font-size-2xs: 10px;
+  --leiden-font-size-3xs: 8px;
+  --leiden-font-size-4xs: 5px;
+  --leiden-color-lightblue-89: #dce4ec;
+  --leiden-color-lightblue-24: #2c3e50; /* Base/LightBlue */
+  --leiden-color-black-9: #0d1921; /* Base/Black */
+  --leiden-color-white-100: #ffffff; /* Base/White */
+  --leiden-color-lightgrey-89: #e4e4e4; /* Base/LightGrey */
+  --leiden-color-grey-33: #5f594a; /* Base/Grey */
+  --leiden-color-grey-11: #1d1d1b;
+  --leiden-color-alert-info-background: #cce5ff;
+  --leiden-color-alert-info: #004085;
+  --leiden-color-alert-succes-background: #d4edda;
+  --leiden-color-alert-succes: #155724;
+  --leiden-color-succes: #28a745;
+  --leiden-color-alert-warning-background: #fff3cd;
+  --leiden-color-alert-warning: #856404;
+  --leiden-color-warning: #ffc107;
+  --leiden-color-alert-error-background: #f8d7da;
+  --leiden-color-alert-error: #721c24;
+  --leiden-color-error: #d62410;
+  --leiden-color-primary-hover: #b81f0e;
+  --leiden-color-primary: #d62410;
+  --conduction-input-select-invalid-border-color: var(--leiden-color-error);
+  --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
+  --conduction-input-select-background-color: var(--leiden-color-white-100);
+  --utrecht-textbox-placeholder-color: var(--leiden-color-lightblue-24);
+  --utrecht-textbox-padding-inline-start: var(--leiden-size-sm);
+  --utrecht-textbox-padding-inline-end: var(--leiden-size-sm);
+  --utrecht-textbox-padding-block-start: var(--leiden-size-xs);
+  --utrecht-textbox-padding-block-end: var(--leiden-size-xs);
+  --utrecht-textbox-font-family: var(--leiden-typography-sans-serif-font-family);
+  --utrecht-textbox-color: var(--leiden-color-grey-11);
+  --utrecht-textbox-border-width: var(--leiden-size-4xs);
+  --utrecht-textbox-border-color: var(--leiden-color-grey-33);
+  --utrecht-textbox-background-color: var(--leiden-color-white-100);
+  --utrecht-table-row-border-block-end-width: var(--leiden-size-4xs);
+  --utrecht-table-row-border-block-end-color: var(--leiden-color-lightgrey-89);
+  --utrecht-table-cell-padding-inline-start: var(--leiden-size-md);
+  --utrecht-table-cell-padding-inline-end: var(--leiden-size-md);
+  --utrecht-table-cell-padding-block-start: var(--leiden-size-md);
+  --utrecht-table-cell-padding-block-end: var(--leiden-size-md);
+  --utrecht-table-header-cell-font-weight: var(--leiden-typography-font-weight-bold);
+  --utrecht-table-header-font-weight: var(--leiden-typography-font-weight-bold);
+  --utrecht-table-margin-block-start: var(--leiden-size-md);
+  --utrecht-table-border-width: var(--leiden-size-4xs);
+  --utrecht-table-border-color: var(--leiden-color-lightgrey-89);
+  --utrecht-paragraph-font-weight: var(--leiden-typography-font-weight-normal);
+  --utrecht-paragraph-font-size: var(--leiden-font-size-md);
+  --utrecht-paragraph-font-family: var(--leiden-typography-sans-serif-font-family);
+  --utrecht-page-padding-inline-end: var(--leiden-size-lg);
+  --utrecht-page-padding-inline-start: var(--leiden-size-lg);
+  --utrecht-page-header-padding-block-end: var(--leiden-size-sm);
+  --utrecht-page-header-padding-block-start: var(--leiden-size-sm);
+  --utrecht-page-header-color: var(--leiden-color-white-100);
+  --utrecht-page-header-background-color: var(--leiden-color-black-9);
+  --utrecht-page-footer-padding-block-start: var(--leiden-size-2xl);
+  --utrecht-page-footer-padding-block-end: var(--leiden-size-2xl);
+  --utrecht-page-footer-padding-inline-start: var(--leiden-size-sm);
+  --utrecht-page-footer-padding-inline-end: var(--leiden-size-sm);
+  --utrecht-page-footer-color: var(--leiden-color-white-100);
+  --utrecht-page-footer-background-color: var(--leiden-color-black-9);
+  --utrecht-unordered-list-marker-color: var(--leiden-color-primary);
+  --utrecht-unordered-list-item-margin-block-end: var(--leiden-size-xs);
+  --utrecht-unordered-list-item-margin-block-start: var(--leiden-size-xs);
+  --utrecht-unordered-list-margin-block-start: var(--leiden-size-md);
+  --utrecht-ordered-list-item-margin-block-end: var(--leiden-size-2xs);
+  --utrecht-ordered-list-item-margin-block-start: var(--leiden-size-2xs);
+  --utrecht-ordered-list-padding-inline-start: var(--leiden-size-xl);
+  --utrecht-ordered-list-margin-block-end: var(--leiden-size-sm);
+  --utrecht-ordered-list-margin-block-start: var(--leiden-size-sm);
+  --utrecht-link-icon-size: var(--leiden-size-md);
+  --utrecht-link-visited-color: var(--leiden-color-primary);
+  --utrecht-link-hover-text-decoration-thickness: var(--leiden-size-4xs);
+  --utrecht-link-hover-color: var(--leiden-color-primary-hover);
+  --utrecht-link-text-underline-offset: var(--leiden-size-3xs);
+  --utrecht-link-color: var(--leiden-color-primary);
+  --utrecht-icon-gap: var(--leiden-size-xs);
+  --utrecht-heading-5-margin-block-start: var(--leiden-size-md);
+  --utrecht-heading-5-margin-block-end: var(--leiden-size-lg);
+  --utrecht-heading-5-font-weight: var(--leiden-typography-font-weight-light);
+  --utrecht-heading-5-font-size: var(--leiden-font-size-md);
+  --utrecht-heading-5-font-family: var(--leiden-typography-sans-serif-font-family);
+  --utrecht-heading-4-margin-block-start: var(--leiden-size-md);
+  --utrecht-heading-4-margin-block-end: var(--leiden-size-lg);
+  --utrecht-heading-4-font-weight: var(--leiden-typography-font-weight-normal);
+  --utrecht-heading-4-font-size: var(--leiden-font-size-lg);
+  --utrecht-heading-4-font-family: var(--leiden-typography-sans-serif-font-family);
+  --utrecht-heading-3-margin-block-start: var(--leiden-size-md);
+  --utrecht-heading-3-margin-block-end: var(--leiden-size-xl);
+  --utrecht-heading-3-font-weight: var(--leiden-typography-font-weight-normal);
+  --utrecht-heading-3-font-size: var(--leiden-font-size-xl);
+  --utrecht-heading-3-font-family: var(--leiden-typography-sans-serif-font-family);
+  --utrecht-heading-2-margin-block-start: var(--leiden-size-md);
+  --utrecht-heading-2-margin-block-end: var(--leiden-size-2xl);
+  --utrecht-heading-2-font-weight: var(--leiden-typography-font-weight-bold);
+  --utrecht-heading-2-font-size: var(--leiden-font-size-2xl);
+  --utrecht-heading-2-font-family: var(--leiden-typography-sans-serif-font-family);
+  --utrecht-heading-1-margin-block-start: var(--leiden-size-md);
+  --utrecht-heading-1-margin-block-end: var(--leiden-size-2xl);
+  --utrecht-heading-1-font-weight: var(--leiden-typography-font-weight-bold);
+  --utrecht-heading-1-font-size: var(--leiden-font-size-3xl);
+  --utrecht-heading-1-font-family: var(--leiden-typography-sans-serif-font-family);
+  --utrecht-form-input-placeholder-color: var(--leiden-color-lightblue-24);
+  --utrecht-form-input-padding-inline-start: var(--leiden-size-sm);
+  --utrecht-form-input-padding-inline-end: var(--leiden-size-sm);
+  --utrecht-form-input-padding-block-start: var(--leiden-size-xs);
+  --utrecht-form-input-padding-block-end: var(--leiden-size-xs);
+  --utrecht-form-input-font-family: var(--leiden-typography-sans-serif-font-family);
+  --utrecht-form-input-color: var(--leiden-color-grey-11);
+  --utrecht-form-input-border-width: var(--leiden-size-4xs);
+  --utrecht-form-input-border-color: var(--leiden-color-grey-33);
+  --utrecht-form-input-background-color: var(--leiden-color-white-100);
+  --utrecht-document-font-size: var(--leiden-font-size-md);
+  --utrecht-document-font-family: var(--leiden-typography-sans-serif-font-family);
+  --utrecht-document-color: var(--leiden-color-black-9);
+  --utrecht-document-background-color: var(--leiden-color-white-100);
+  --utrecht-code-block-padding-inline-end: var(--leiden-size-md);
+  --utrecht-code-block-padding-inline-start: var(--leiden-size-md);
+  --utrecht-code-block-padding-block-end: var(--leiden-size-md);
+  --utrecht-code-block-padding-block-start: var(--leiden-size-md);
+  --utrecht-code-block-margin-block-end: var(--leiden-size-md);
+  --utrecht-code-block-margin-block-start: var(--leiden-size-md);
+  --utrecht-code-block-line-height: var(--leiden-size-lg);
+  --utrecht-code-block-font-size: var(--leiden-font-size-md);
+  --utrecht-code-block-font-family: var(--leiden-typography-monospace-font-family);
+  --utrecht-code-block-color: var(--leiden-color-black-9);
+  --utrecht-code-block-background-color: var(--leiden-color-lightgrey-89);
+  --utrecht-code-font-family: var(--leiden-typography-monospace-font-family);
+  --utrecht-code-color: var(--leiden-color-black-9);
+  --utrecht-code-background-color: var(--leiden-color-lightgrey-89);
+  --utrecht-button-secondary-action-hover-color: var(--leiden-color-primary-hover);
+  --utrecht-button-secondary-action-hover-border-color: var(--leiden-color-primary-hover);
+  --utrecht-button-secondary-action-hover-background-color: var(--leiden-color-white-100);
+  --utrecht-button-secondary-action-font-weight: var(--leiden-typography-font-weight-normal);
+  --utrecht-button-secondary-action-color: var(--leiden-color-primary);
+  --utrecht-button-secondary-action-border-width: var(--leiden-size-3xs);
+  --utrecht-button-secondary-action-border-color: var(--leiden-color-primary);
+  --utrecht-button-secondary-action-background-color: var(--leiden-color-white-100);
+  --utrecht-button-primary-action-hover-color: var(--leiden-color-white-100);
+  --utrecht-button-primary-action-hover-background-color: var(--leiden-color-primary);
+  --utrecht-button-primary-action-color: var(--leiden-color-white-100);
+  --utrecht-button-primary-action-border-width: var(--leiden-size-3xs);
+  --utrecht-button-primary-action-background-color: var(--leiden-color-primary);
+  --utrecht-button-hover-color: var(--leiden-color-primary-hover);
+  --utrecht-button-hover-background-color: var(--leiden-color-white-100);
+  --utrecht-button-icon-gap: var(--leiden-size-xs);
+  --utrecht-button-padding-inline-end: var(--leiden-size-xs);
+  --utrecht-button-padding-inline-start: var(--leiden-size-xs);
+  --utrecht-button-padding-block-end: var(--leiden-size-xs);
+  --utrecht-button-padding-block-start: var(--leiden-size-xs);
+  --utrecht-button-font-family: var(--leiden-typography-sans-serif-font-family);
+  --utrecht-button-color: var(--leiden-color-white-100);
+  --utrecht-button-border-width: var(--leiden-size-3xs);
+  --utrecht-button-border-radius: var(--leiden-size-2xs);
+  --utrecht-button-border-color: var(--leiden-color-primary);
+  --utrecht-button-background-color: var(--leiden-color-primary);
+  --utrecht-alert-icon-ok-color: var(--leiden-color-alert-succes);
+  --utrecht-alert-icon-warning-color: var(--leiden-color-alert-warning);
+  --utrecht-alert-icon-gap: var(--leiden-size-xs);
+  --utrecht-alert-icon-error-color: var(--leiden-color-alert-error);
+  --utrecht-alert-icon-color: var(--leiden-color-alert-info);
+  --utrecht-alert-ok-color: var(--leiden-color-alert-succes);
+  --utrecht-alert-ok-background-color: var(--leiden-color-alert-succes-background);
+  --utrecht-alert-error-color: var(--leiden-color-alert-error);
+  --utrecht-alert-error-background-color: var(--leiden-color-alert-error-background);
+  --utrecht-alert-warning-color: var(--leiden-color-alert-warning);
+  --utrecht-alert-warning-background-color: var(--leiden-color-alert-warning-background);
+  --utrecht-alert-padding-inline-end: var(--leiden-size-lg);
+  --utrecht-alert-padding-inline-start: var(--leiden-size-lg);
+  --utrecht-alert-padding-block-end: var(--leiden-size-lg);
+  --utrecht-alert-padding-block-start: var(--leiden-size-lg);
+  --utrecht-alert-color: var(--leiden-color-alert-info);
+  --utrecht-alert-background-color: var(--leiden-color-alert-info-background);
+  --utrecht-card-padding-block-start: var(--leiden-size-sm);
+  --utrecht-card-padding-block-end: var(--leiden-size-sm);
+  --utrecht-card-padding-inline-start: var(--leiden-size-xl);
+  --utrecht-card-padding-inline-end: var(--leiden-size-xl);
+  --utrecht-card-color: var(--leiden-color-black-9);
+  --utrecht-card-background-color: var(--leiden-color-lightgrey-89);
+  --utrecht-space-inline-3xl: var(--leiden-size-3xl);
+  --utrecht-space-inline-2xl: var(--leiden-size-2xl);
+  --utrecht-space-inline-xl: var(--leiden-size-xl);
+  --utrecht-space-inline-lg: var(--leiden-size-lg);
+  --utrecht-space-inline-md: var(--leiden-size-md);
+  --utrecht-space-inline-sm: var(--leiden-size-sm);
+  --utrecht-space-inline-xs: var(--leiden-size-xs);
+  --utrecht-space-inline-2xs: var(--leiden-size-2xs);
+  --utrecht-space-inline-3xs: var(--leiden-size-3xs);
+  --utrecht-space-block-3xl: var(--leiden-size-3xl);
+  --utrecht-space-block-2xl: var(--leiden-size-2xl);
+  --utrecht-space-block-xl: var(--leiden-size-xl);
+  --utrecht-space-block-lg: var(--leiden-size-lg);
+  --utrecht-space-block-md: var(--leiden-size-md);
+  --utrecht-space-block-sm: var(--leiden-size-sm);
+  --utrecht-space-block-xs: var(--leiden-size-xs);
+  --utrecht-space-block-2xs: var(--leiden-size-2xs);
+  --utrecht-space-block-3xs: var(--leiden-size-3xs);
+  --leiden-typography-scale-4xl: var(--leiden-font-size-4xl);
+  --leiden-typography-scale-3xl: var(--leiden-font-size-3xl);
+  --leiden-typography-scale-2xl: var(--leiden-font-size-2xl);
+  --leiden-typography-scale-xl: var(--leiden-font-size-xl);
+  --leiden-typography-scale-lg: var(--leiden-font-size-lg);
+  --leiden-typography-scale-md: var(--leiden-font-size-md);
+  --leiden-typography-scale-sm: var(--leiden-font-size-sm);
+  --leiden-typography-scale-xs: var(--leiden-font-size-xs);
+  --leiden-typography-scale-2xs: var(--leiden-font-size-2xs);
+  --leiden-typography-scale-3xs: var(--leiden-font-size-3xs);
+  --leiden-typography-scale-4xs: var(--leiden-font-size-4xs);
+  --leiden-color-info: var(--leiden-color-primary);
+  --conduction-input-select-border: 1px solid var(--utrecht-form-input-border-color);
+  --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);
+}

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

@@ -0,0 +1 @@
+/* Place any @font-face definitions here */

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

@@ -0,0 +1,7 @@
+/**
+ * @license SEE LICENSE.md
+ * Copyright (c) 2021 NL Design System Community
+ * All rights reserved
+ */
+@import "./design-tokens.css";
+/* stylelint-disable block-no-empty */

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

@@ -0,0 +1,281 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 09 Aug 2023 14:48:39 GMT
+ */
+
+export const leidenColorPrimary = "#d62410";
+export const leidenColorPrimaryHover = "#b81f0e";
+export const leidenColorError = "#d62410";
+export const leidenColorAlertError = "#721c24";
+export const leidenColorAlertErrorBackground = "#f8d7da";
+export const leidenColorWarning = "#ffc107";
+export const leidenColorAlertWarning = "#856404";
+export const leidenColorAlertWarningBackground = "#fff3cd";
+export const leidenColorSucces = "#28a745";
+export const leidenColorAlertSucces = "#155724";
+export const leidenColorAlertSuccesBackground = "#d4edda";
+export const leidenColorInfo = "#d62410";
+export const leidenColorAlertInfo = "#004085";
+export const leidenColorAlertInfoBackground = "#cce5ff";
+export const leidenColorGrey11 = "#1d1d1b";
+export const leidenColorGrey33 = "#5f594a"; // Base/Grey
+export const leidenColorLightgrey89 = "#e4e4e4"; // Base/LightGrey
+export const leidenColorWhite100 = "#ffffff"; // Base/White
+export const leidenColorBlack9 = "#0d1921"; // Base/Black
+export const leidenColorLightblue24 = "#2c3e50"; // Base/LightBlue
+export const leidenColorLightblue89 = "#dce4ec";
+export const leidenFontSize4xs = "5px";
+export const leidenFontSize3xs = "8px";
+export const leidenFontSize2xs = "10px";
+export const leidenFontSizeXs = "12px";
+export const leidenFontSizeSm = "14px";
+export const leidenFontSizeMd = "18px";
+export const leidenFontSizeLg = "20px";
+export const leidenFontSizeXl = "24px";
+export const leidenFontSize2xl = "32px";
+export const leidenFontSize3xl = "48px";
+export const leidenFontSize4xl = "58px";
+export const leidenSize4xs = "1px";
+export const leidenSize3xs = "2px";
+export const leidenSize2xs = "4px";
+export const leidenSizeXs = "8px";
+export const leidenSizeSm = "14px";
+export const leidenSizeMd = "18px";
+export const leidenSizeLg = "24px";
+export const leidenSizeXl = "32px";
+export const leidenSize2xl = "48px";
+export const leidenSize3xl = "72px";
+export const leidenSize4xl = "96px";
+export const leidenTypographySansSerifFontFamily = "\"Open Sans\", Arial, sans-serif";
+export const leidenTypographyMonospaceFontFamily = "Monospace, \"Lucida Console\"";
+export const leidenTypographyFontWeightBold = "700";
+export const leidenTypographyFontWeightNormal = "400";
+export const leidenTypographyFontWeightLight = "100";
+export const leidenTypographyScale4xs = "5px";
+export const leidenTypographyScale3xs = "8px";
+export const leidenTypographyScale2xs = "10px";
+export const leidenTypographyScaleXs = "12px";
+export const leidenTypographyScaleSm = "14px";
+export const leidenTypographyScaleMd = "18px";
+export const leidenTypographyScaleLg = "20px";
+export const leidenTypographyScaleXl = "24px";
+export const leidenTypographyScale2xl = "32px";
+export const leidenTypographyScale3xl = "48px";
+export const leidenTypographyScale4xl = "58px";
+export const utrechtActionBusyCursor = "wait";
+export const utrechtActionDisabledCursor = "not-allowed";
+export const utrechtActionSubmitCursor = "pointer";
+export const utrechtSpaceBlock3xs = "2px";
+export const utrechtSpaceBlock2xs = "4px";
+export const utrechtSpaceBlockXs = "8px";
+export const utrechtSpaceBlockSm = "14px";
+export const utrechtSpaceBlockMd = "18px";
+export const utrechtSpaceBlockLg = "24px";
+export const utrechtSpaceBlockXl = "32px";
+export const utrechtSpaceBlock2xl = "48px";
+export const utrechtSpaceBlock3xl = "72px";
+export const utrechtSpaceInline3xs = "2px";
+export const utrechtSpaceInline2xs = "4px";
+export const utrechtSpaceInlineXs = "8px";
+export const utrechtSpaceInlineSm = "14px";
+export const utrechtSpaceInlineMd = "18px";
+export const utrechtSpaceInlineLg = "24px";
+export const utrechtSpaceInlineXl = "32px";
+export const utrechtSpaceInline2xl = "48px";
+export const utrechtSpaceInline3xl = "72px";
+export const utrechtCardBackgroundColor = "#e4e4e4";
+export const utrechtCardBorderWidth = "unset";
+export const utrechtCardColor = "#0d1921";
+export const utrechtCardPaddingInlineEnd = "32px";
+export const utrechtCardPaddingInlineStart = "32px";
+export const utrechtCardPaddingBlockEnd = "14px";
+export const utrechtCardPaddingBlockStart = "14px";
+export const utrechtAlertBackgroundColor = "#cce5ff";
+export const utrechtAlertColor = "#004085";
+export const utrechtAlertPaddingBlockStart = "24px";
+export const utrechtAlertPaddingBlockEnd = "24px";
+export const utrechtAlertPaddingInlineStart = "24px";
+export const utrechtAlertPaddingInlineEnd = "24px";
+export const utrechtAlertWarningBackgroundColor = "#fff3cd";
+export const utrechtAlertWarningColor = "#856404";
+export const utrechtAlertErrorBackgroundColor = "#f8d7da";
+export const utrechtAlertErrorColor = "#721c24";
+export const utrechtAlertOkBackgroundColor = "#d4edda";
+export const utrechtAlertOkColor = "#155724";
+export const utrechtAlertIconColor = "#004085";
+export const utrechtAlertIconErrorColor = "#721c24";
+export const utrechtAlertIconGap = "8px";
+export const utrechtAlertIconWarningColor = "#856404";
+export const utrechtAlertIconOkColor = "#155724";
+export const utrechtButtonBackgroundColor = "#d62410";
+export const utrechtButtonBorderColor = "#d62410";
+export const utrechtButtonBorderRadius = "4px";
+export const utrechtButtonBorderWidth = "2px";
+export const utrechtButtonColor = "#ffffff";
+export const utrechtButtonFontFamily = "\"Open Sans\", Arial, sans-serif";
+export const utrechtButtonFontSize = "inherit";
+export const utrechtButtonFontWeight = "inherit";
+export const utrechtButtonPaddingBlockStart = "8px";
+export const utrechtButtonPaddingBlockEnd = "8px";
+export const utrechtButtonPaddingInlineStart = "8px";
+export const utrechtButtonPaddingInlineEnd = "8px";
+export const utrechtButtonIconGap = "8px";
+export const utrechtButtonHoverBackgroundColor = "#ffffff";
+export const utrechtButtonHoverColor = "#b81f0e";
+export const utrechtButtonPrimaryActionBackgroundColor = "#d62410";
+export const utrechtButtonPrimaryActionBorderWidth = "2px";
+export const utrechtButtonPrimaryActionColor = "#ffffff";
+export const utrechtButtonPrimaryActionFontWeight = "inherit";
+export const utrechtButtonPrimaryActionHoverBackgroundColor = "#d62410";
+export const utrechtButtonPrimaryActionHoverColor = "#ffffff";
+export const utrechtButtonSecondaryActionBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionBorderColor = "#d62410";
+export const utrechtButtonSecondaryActionBorderWidth = "2px";
+export const utrechtButtonSecondaryActionColor = "#d62410";
+export const utrechtButtonSecondaryActionFontWeight = "400";
+export const utrechtButtonSecondaryActionHoverBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionHoverBorderColor = "#b81f0e";
+export const utrechtButtonSecondaryActionHoverColor = "#b81f0e";
+export const utrechtCodeBackgroundColor = "#e4e4e4";
+export const utrechtCodeColor = "#0d1921";
+export const utrechtCodeFontFamily = "Monospace, \"Lucida Console\"";
+export const utrechtCodeFontSize = "inherit";
+export const utrechtCodeBlockBackgroundColor = "#e4e4e4";
+export const utrechtCodeBlockColor = "#0d1921";
+export const utrechtCodeBlockFontFamily = "Monospace, \"Lucida Console\"";
+export const utrechtCodeBlockFontSize = "18px";
+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 = "#0d1921";
+export const utrechtDocumentFontFamily = "\"Open Sans\", Arial, sans-serif";
+export const utrechtDocumentFontSize = "18px";
+export const utrechtFormInputBackgroundColor = "#ffffff";
+export const utrechtFormInputBorderColor = "#5f594a";
+export const utrechtFormInputBorderRadius = "0px";
+export const utrechtFormInputBorderWidth = "1px";
+export const utrechtFormInputColor = "#1d1d1b";
+export const utrechtFormInputFontFamily = "\"Open Sans\", Arial, 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 = "#2c3e50";
+export const utrechtHeading1FontFamily = "\"Open Sans\", Arial, sans-serif";
+export const utrechtHeading1FontSize = "48px";
+export const utrechtHeading1FontWeight = "700";
+export const utrechtHeading1MarginBlockEnd = "48px";
+export const utrechtHeading1MarginBlockStart = "18px";
+export const utrechtHeading2FontFamily = "\"Open Sans\", Arial, sans-serif";
+export const utrechtHeading2FontSize = "32px";
+export const utrechtHeading2FontWeight = "700";
+export const utrechtHeading2MarginBlockEnd = "48px";
+export const utrechtHeading2MarginBlockStart = "18px";
+export const utrechtHeading3FontFamily = "\"Open Sans\", Arial, sans-serif";
+export const utrechtHeading3FontSize = "24px";
+export const utrechtHeading3FontWeight = "400";
+export const utrechtHeading3MarginBlockEnd = "32px";
+export const utrechtHeading3MarginBlockStart = "18px";
+export const utrechtHeading4FontFamily = "\"Open Sans\", Arial, sans-serif";
+export const utrechtHeading4FontSize = "20px";
+export const utrechtHeading4FontWeight = "400";
+export const utrechtHeading4MarginBlockEnd = "24px";
+export const utrechtHeading4MarginBlockStart = "18px";
+export const utrechtHeading5FontFamily = "\"Open Sans\", Arial, sans-serif";
+export const utrechtHeading5FontSize = "18px";
+export const utrechtHeading5FontWeight = "100";
+export const utrechtHeading5MarginBlockEnd = "24px";
+export const utrechtHeading5MarginBlockStart = "18px";
+export const utrechtIconGap = "8px";
+export const utrechtLinkColor = "#d62410";
+export const utrechtLinkTextDecoration = "none";
+export const utrechtLinkTextDecorationColor = "unset";
+export const utrechtLinkTextDecorationThickness = 0;
+export const utrechtLinkTextUnderlineOffset = "2px";
+export const utrechtLinkHoverColor = "#b81f0e";
+export const utrechtLinkHoverTextDecoration = "underline";
+export const utrechtLinkHoverTextDecorationThickness = "1px";
+export const utrechtLinkVisitedColor = "#d62410";
+export const utrechtLinkIconSize = "18px";
+export const utrechtOrderedListFontSize = "18px";
+export const utrechtOrderedListMarginBlockStart = "14px";
+export const utrechtOrderedListMarginBlockEnd = "14px";
+export const utrechtOrderedListPaddingInlineStart = "32px";
+export const utrechtOrderedListItemMarginBlockStart = "4px";
+export const utrechtOrderedListItemMarginBlockEnd = "4px";
+export const utrechtOrderedListItemPaddingInlineStart = "1ch";
+export const utrechtUnorderedListFontSize = "18px";
+export const utrechtUnorderedListMarginBlockStart = "18px";
+export const utrechtUnorderedListMarginBlockEnd = 0;
+export const utrechtUnorderedListPaddingInlineStart = "2ch";
+export const utrechtUnorderedListItemMarginBlockStart = "8px";
+export const utrechtUnorderedListItemMarginBlockEnd = "8px";
+export const utrechtUnorderedListItemPaddingInlineStart = "1ch";
+export const utrechtUnorderedListMarkerColor = "#d62410";
+export const utrechtPageFooterBackgroundColor = "#0d1921";
+export const utrechtPageFooterBackgroundImage = "unset";
+export const utrechtPageFooterColor = "#ffffff";
+export const utrechtPageFooterPaddingInlineEnd = "14px";
+export const utrechtPageFooterPaddingInlineStart = "14px";
+export const utrechtPageFooterPaddingBlockEnd = "48px";
+export const utrechtPageFooterPaddingBlockStart = "48px";
+export const utrechtPageHeaderBackgroundColor = "#0d1921";
+export const utrechtPageHeaderColor = "#ffffff";
+export const utrechtPageHeaderPaddingBlockStart = "14px";
+export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtPagePaddingInlineStart = "24px";
+export const utrechtPagePaddingInlineEnd = "24px";
+export const utrechtPageMaxInlineSize = "1140px";
+export const utrechtParagraphColor = "#0d1921";
+export const utrechtParagraphFontFamily = "\"Open Sans\", Arial, sans-serif";
+export const utrechtParagraphFontSize = "18px";
+export const utrechtParagraphFontWeight = "400";
+export const utrechtParagraphLineHeight = "1.5em";
+export const utrechtParagraphMarginBlockStart = 0;
+export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtTableBorderColor = "#e4e4e4";
+export const utrechtTableBorderWidth = "1px";
+export const utrechtTableFontFamily = "\"Open Sans\", Arial, sans-serif";
+export const utrechtTableFontSize = "18px";
+export const utrechtTableMarginBlockEnd = 0;
+export const utrechtTableMarginBlockStart = "18px";
+export const utrechtTableHeaderFontWeight = "700";
+export const utrechtTableHeaderColor = "#0d1921";
+export const utrechtTableHeaderTextTransform = "unset";
+export const utrechtTableHeaderCellFontSize = "18px";
+export const utrechtTableHeaderCellFontWeight = "700";
+export const utrechtTableHeaderCellColor = "#0d1921";
+export const utrechtTableHeaderCellTextTransform = "unset";
+export const utrechtTableCellPaddingBlockEnd = "18px";
+export const utrechtTableCellPaddingBlockStart = "18px";
+export const utrechtTableCellPaddingInlineEnd = "18px";
+export const utrechtTableCellPaddingInlineStart = "18px";
+export const utrechtTableRowBorderBlockEndColor = "#e4e4e4";
+export const utrechtTableRowBorderBlockEndWidth = "1px";
+export const utrechtTextboxBackgroundColor = "#ffffff";
+export const utrechtTextboxBorderColor = "#5f594a";
+export const utrechtTextboxBorderRadius = "0px";
+export const utrechtTextboxBorderWidth = "1px";
+export const utrechtTextboxColor = "#1d1d1b";
+export const utrechtTextboxFontFamily = "\"Open Sans\", Arial, 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 = "#2c3e50";
+export const conductionInputSelectBackgroundColor = "#ffffff";
+export const conductionInputSelectBorder = "1px solid #5f594a";
+export const conductionInputSelectBorderFocus = "unset";
+export const conductionInputSelectBorderRadius = "0px";
+export const conductionInputSelectInvalidBorderColor = "#d62410";
+export const conductionInputSelectPaddingBlockEnd = 0;
+export const conductionInputSelectPaddingBlockStart = 0;