@conduction/theme 1.0.24 → 1.0.26

package/README.md

@@ -6,6 +6,13 @@ Conduction's design tokens theme
 
 - **Version 1**
 
+  - 1.0.26: 
+    - Added Noordwijk theme.
+    - Updated conduction-card-wrapper tokens in all themes.
+  - 1.0.25:
+    - Updated prefix of card tokens from `utrecht` to `conduction` in all themes.
+    - Moved all custom tokens from Conduction directory to utrecht/extra-tokens directory.
+    - Added readme to all themes.
   - 1.0.24:
     - Updated page tokens in all themes.
     - Updated list tokens in all themes.

package/conduction-design-tokens/README.md

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

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 12:11:16 GMT
+ * Generated on Tue, 22 Aug 2023 15:07:25 GMT
  */
 
 .conduction-theme {
@@ -16,13 +16,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-font-weight: inherit;
-  --utrecht-button-font-size: inherit;
-  --utrecht-button-border-radius: 3px;
   --utrecht-textbox-font-size: 15px;
   --utrecht-textbox-border-radius: 3px;
   --utrecht-table-header-cell-text-transform: unset;
@@ -34,8 +27,13 @@
   --utrecht-page-footer-logo-max-height: 100px;
   --utrecht-form-input-font-size: 15px;
   --utrecht-form-input-border-radius: 3px;
-  --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-font-weight: inherit;
+  --utrecht-button-font-size: inherit;
+  --utrecht-button-border-radius: 3px;
   --utrecht-action-submit-cursor: pointer;
   --utrecht-action-disabled-cursor: not-allowed;
   --utrecht-action-busy-cursor: wait;
@@ -137,6 +135,52 @@
   --utrecht-heading-1-font-weight: var(--conduction-typography-font-weight-bold);
   --utrecht-heading-1-font-size: var(--conduction-font-size-3xl);
   --utrecht-heading-1-font-family: var(--conduction-typography-aldritch-font-family);
+  --utrecht-textbox-focus-background-color: var(--conduction-color-white-100);
+  --utrecht-textbox-placeholder-color: var(--conduction-color-grey-50);
+  --utrecht-textbox-padding-inline-start: var(--conduction-size-sm);
+  --utrecht-textbox-padding-inline-end: var(--conduction-size-sm);
+  --utrecht-textbox-padding-block-start: var(--conduction-size-xs);
+  --utrecht-textbox-padding-block-end: var(--conduction-size-xs);
+  --utrecht-textbox-font-family: var(--conduction-typography-sans-serif-font-family);
+  --utrecht-textbox-color: var(--conduction-color-grey-29);
+  --utrecht-textbox-border-width: var(--conduction-size-4xs);
+  --utrecht-textbox-border-color: var(--conduction-color-grey-48);
+  --utrecht-textbox-background-color: var(--conduction-color-white-100);
+  --utrecht-table-cell-padding-inline-start: var(--conduction-size-md);
+  --utrecht-table-cell-padding-inline-end: var(--conduction-size-md);
+  --utrecht-table-cell-padding-block-start: var(--conduction-size-md);
+  --utrecht-table-cell-padding-block-end: var(--conduction-size-md);
+  --utrecht-table-header-cell-font-weight: var(--conduction-typography-font-weight-bold);
+  --utrecht-table-margin-block-start: var(--conduction-size-md);
+  --utrecht-table-row-border-block-end-width: var(--conduction-size-4xs);
+  --utrecht-table-row-border-block-end-color: var(--conduction-color-grey-82);
+  --utrecht-table-row-hover-background-color: var(--conduction-color-grey-97);
+  --utrecht-table-header-font-weight: var(--conduction-typography-font-weight-bold);
+  --utrecht-table-header-border-block-end-width: var(--conduction-size-4xs);
+  --utrecht-table-header-border-block-end-color: var(--conduction-color-grey-82);
+  --utrecht-table-background-color: var(--conduction-color-white-100);
+  --utrecht-page-header-padding-block-end: var(--conduction-size-sm);
+  --utrecht-page-header-padding-block-start: var(--conduction-size-sm);
+  --utrecht-page-header-color: var(--conduction-color-white-100);
+  --utrecht-page-header-background-color: var(--conduction-color-primary);
+  --utrecht-page-footer-padding-block-start: var(--conduction-size-2xl);
+  --utrecht-page-footer-padding-block-end: var(--conduction-size-2xl);
+  --utrecht-page-footer-padding-inline-start: var(--conduction-size-sm);
+  --utrecht-page-footer-padding-inline-end: var(--conduction-size-sm);
+  --utrecht-page-footer-color: var(--conduction-color-black-0);
+  --utrecht-page-footer-background-color: var(--conduction-color-lightgrey-96);
+  --utrecht-icon-gap: var(--conduction-size-xs);
+  --utrecht-form-input-focus-background-color: var(--conduction-color-white-100);
+  --utrecht-form-input-placeholder-color: var(--conduction-color-grey-50);
+  --utrecht-form-input-padding-inline-start: var(--conduction-size-sm);
+  --utrecht-form-input-padding-inline-end: var(--conduction-size-sm);
+  --utrecht-form-input-padding-block-start: var(--conduction-size-xs);
+  --utrecht-form-input-padding-block-end: var(--conduction-size-xs);
+  --utrecht-form-input-font-family: var(--conduction-typography-sans-serif-font-family);
+  --utrecht-form-input-color: var(--conduction-color-grey-29);
+  --utrecht-form-input-border-width: var(--conduction-size-4xs);
+  --utrecht-form-input-border-color: var(--conduction-color-grey-48);
+  --utrecht-form-input-background-color: var(--conduction-color-white-100);
   --utrecht-document-font-size: var(--conduction-font-size-md);
   --utrecht-document-font-family: var(--conduction-typography-sans-serif-font-family);
   --utrecht-document-color: var(--conduction-color-black-0);
@@ -187,58 +231,11 @@
   --utrecht-blockquote-content-color: var(--conduction-color-black-0);
   --utrecht-blockquote-margin-inline-end: var(--conduction-size-xl);
   --utrecht-blockquote-margin-inline-start: var(--conduction-size-xl);
-  --utrecht-textbox-focus-background-color: var(--conduction-color-white-100);
-  --utrecht-textbox-placeholder-color: var(--conduction-color-grey-50);
-  --utrecht-textbox-padding-inline-start: var(--conduction-size-sm);
-  --utrecht-textbox-padding-inline-end: var(--conduction-size-sm);
-  --utrecht-textbox-padding-block-start: var(--conduction-size-xs);
-  --utrecht-textbox-padding-block-end: var(--conduction-size-xs);
-  --utrecht-textbox-font-family: var(--conduction-typography-sans-serif-font-family);
-  --utrecht-textbox-color: var(--conduction-color-grey-29);
-  --utrecht-textbox-border-width: var(--conduction-size-4xs);
-  --utrecht-textbox-border-color: var(--conduction-color-grey-48);
-  --utrecht-textbox-background-color: var(--conduction-color-white-100);
-  --utrecht-table-cell-padding-inline-start: var(--conduction-size-md);
-  --utrecht-table-cell-padding-inline-end: var(--conduction-size-md);
-  --utrecht-table-cell-padding-block-start: var(--conduction-size-md);
-  --utrecht-table-cell-padding-block-end: var(--conduction-size-md);
-  --utrecht-table-header-cell-font-weight: var(--conduction-typography-font-weight-bold);
-  --utrecht-table-margin-block-start: var(--conduction-size-md);
-  --utrecht-table-row-border-block-end-width: var(--conduction-size-4xs);
-  --utrecht-table-row-border-block-end-color: var(--conduction-color-grey-82);
-  --utrecht-table-row-hover-background-color: var(--conduction-color-grey-97);
-  --utrecht-table-header-font-weight: var(--conduction-typography-font-weight-bold);
-  --utrecht-table-header-border-block-end-width: var(--conduction-size-4xs);
-  --utrecht-table-header-border-block-end-color: var(--conduction-color-grey-82);
-  --utrecht-table-background-color: var(--conduction-color-white-100);
-  --utrecht-page-header-padding-block-end: var(--conduction-size-sm);
-  --utrecht-page-header-padding-block-start: var(--conduction-size-sm);
-  --utrecht-page-header-color: var(--conduction-color-white-100);
-  --utrecht-page-header-background-color: var(--conduction-color-primary);
-  --utrecht-page-footer-padding-block-start: var(--conduction-size-2xl);
-  --utrecht-page-footer-padding-block-end: var(--conduction-size-2xl);
-  --utrecht-page-footer-padding-inline-start: var(--conduction-size-sm);
-  --utrecht-page-footer-padding-inline-end: var(--conduction-size-sm);
-  --utrecht-page-footer-color: var(--conduction-color-black-0);
-  --utrecht-page-footer-background-color: var(--conduction-color-lightgrey-96);
-  --utrecht-icon-gap: var(--conduction-size-xs);
-  --utrecht-form-input-focus-background-color: var(--conduction-color-white-100);
-  --utrecht-form-input-placeholder-color: var(--conduction-color-grey-50);
-  --utrecht-form-input-padding-inline-start: var(--conduction-size-sm);
-  --utrecht-form-input-padding-inline-end: var(--conduction-size-sm);
-  --utrecht-form-input-padding-block-start: var(--conduction-size-xs);
-  --utrecht-form-input-padding-block-end: var(--conduction-size-xs);
-  --utrecht-form-input-font-family: var(--conduction-typography-sans-serif-font-family);
-  --utrecht-form-input-color: var(--conduction-color-grey-29);
-  --utrecht-form-input-border-width: var(--conduction-size-4xs);
-  --utrecht-form-input-border-color: var(--conduction-color-grey-48);
-  --utrecht-form-input-background-color: var(--conduction-color-white-100);
-  --utrecht-card-padding-block-start: var(--conduction-size-md);
-  --utrecht-card-padding-block-end: var(--conduction-size-md);
-  --utrecht-card-padding-inline-start: var(--conduction-size-md);
-  --utrecht-card-padding-inline-end: var(--conduction-size-md);
-  --utrecht-card-color: var(--conduction-color-black-0);
-  --utrecht-card-background-color: var(--conduction-color-white-100);
+  --utrecht-alert-icon-gap: var(--conduction-size-xs);
+  --utrecht-alert-icon-ok-color: var(--conduction-color-alert-succes);
+  --utrecht-alert-icon-warning-color: var(--conduction-color-alert-warning);
+  --utrecht-alert-icon-error-color: var(--conduction-color-alert-error);
+  --utrecht-alert-icon-color: var(--conduction-color-alert-info);
   --utrecht-alert-ok-color: var(--conduction-color-alert-succes);
   --utrecht-alert-ok-background-color: var(--conduction-color-alert-succes-background);
   --utrecht-alert-error-color: var(--conduction-color-alert-error);
@@ -251,11 +248,6 @@
   --utrecht-alert-padding-block-start: var(--conduction-size-lg);
   --utrecht-alert-color: var(--conduction-color-alert-info);
   --utrecht-alert-background-color: var(--conduction-color-alert-info-background);
-  --utrecht-alert-icon-ok-color: var(--conduction-color-alert-succes);
-  --utrecht-alert-icon-warning-color: var(--conduction-color-alert-warning);
-  --utrecht-alert-icon-error-color: var(--conduction-color-alert-error);
-  --utrecht-alert-icon-color: var(--conduction-color-alert-info);
-  --utrecht-alert-icon-gap: var(--conduction-size-xs);
   --utrecht-space-inline-3xl: var(--conduction-size-3xl);
   --utrecht-space-inline-2xl: var(--conduction-size-2xl);
   --utrecht-space-inline-xl: var(--conduction-size-xl);
@@ -278,6 +270,13 @@
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-input-select-border: var(--conduction-size-4xs) solid var(--conduction-color-grey-48);
   --conduction-input-select-background-color: var(--conduction-color-white-100);
+  --conduction-card-wrapper-padding-block-start: var(--conduction-size-md);
+  --conduction-card-wrapper-padding-block-end: var(--conduction-size-md);
+  --conduction-card-wrapper-padding-inline-start: var(--conduction-size-md);
+  --conduction-card-wrapper-padding-inline-end: var(--conduction-size-md);
+  --conduction-card-wrapper-color: var(--conduction-color-black-0);
+  --conduction-card-wrapper-border-radius: var(--conduction-size-md);
+  --conduction-card-wrapper-background-color: var(--conduction-color-white-100);
   --conduction-typography-scale-4xl: var(--conduction-font-size-4xl);
   --conduction-typography-scale-3xl: var(--conduction-font-size-3xl);
   --conduction-typography-scale-2xl: var(--conduction-font-size-2xl);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 18 Aug 2023 12:11:16 GMT
+ * Generated on Tue, 22 Aug 2023 15:07:25 GMT
  */
 
 export const conductionColorPrimary = "#4376fc";
@@ -65,6 +65,13 @@ export const conductionTypographyScaleXl = "24px";
 export const conductionTypographyScale2xl = "32px";
 export const conductionTypographyScale3xl = "48px";
 export const conductionTypographyScale4xl = "58px";
+export const conductionCardWrapperBackgroundColor = "#ffffff";
+export const conductionCardWrapperBorderRadius = "18px";
+export const conductionCardWrapperColor = "#000000";
+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 #7a7a7a";
 export const conductionInputSelectBorderFocus = "unset";
@@ -93,11 +100,6 @@ export const utrechtSpaceInlineLg = "24px";
 export const utrechtSpaceInlineXl = "32px";
 export const utrechtSpaceInline2xl = "48px";
 export const utrechtSpaceInline3xl = "72px";
-export const utrechtAlertIconGap = "8px";
-export const utrechtAlertIconColor = "#004085";
-export const utrechtAlertIconErrorColor = "#721c24";
-export const utrechtAlertIconWarningColor = "#856404";
-export const utrechtAlertIconOkColor = "#155724";
 export const utrechtAlertBackgroundColor = "#cce5ff";
 export const utrechtAlertColor = "#004085";
 export const utrechtAlertPaddingBlockStart = "24px";
@@ -110,14 +112,68 @@ export const utrechtAlertErrorBackgroundColor = "#f8d7da";
 export const utrechtAlertErrorColor = "#721c24";
 export const utrechtAlertOkBackgroundColor = "#d4edda";
 export const utrechtAlertOkColor = "#155724";
-export const utrechtCardBackgroundColor = "#ffffff";
-export const utrechtCardBorderRadius = "16px";
-export const utrechtCardBorderWidth = "unset";
-export const utrechtCardColor = "#000000";
-export const utrechtCardPaddingInlineEnd = "18px";
-export const utrechtCardPaddingInlineStart = "18px";
-export const utrechtCardPaddingBlockEnd = "18px";
-export const utrechtCardPaddingBlockStart = "18px";
+export const utrechtAlertIconColor = "#004085";
+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 = "#000000";
+export const utrechtBlockquoteContentFontSize = "18px";
+export const utrechtButtonBackgroundColor = "#4376fc";
+export const utrechtButtonBorderColor = "#4376fc";
+export const utrechtButtonBorderRadius = "3px";
+export const utrechtButtonBorderWidth = "2px";
+export const utrechtButtonColor = "#ffffff";
+export const utrechtButtonFontFamily = "\"Noto Sans\", Arial, 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 = "#2e5ed9";
+export const utrechtButtonHoverBorderColor = "#2e5ed9";
+export const utrechtButtonHoverColor = "#ffffff";
+export const utrechtButtonPrimaryActionBackgroundColor = "#4376fc";
+export const utrechtButtonPrimaryActionBorderColor = "#4376fc";
+export const utrechtButtonPrimaryActionBorderWidth = "2px";
+export const utrechtButtonPrimaryActionColor = "#ffffff";
+export const utrechtButtonPrimaryActionFontWeight = "inherit";
+export const utrechtButtonPrimaryActionHoverBackgroundColor = "#4376fc";
+export const utrechtButtonPrimaryActionHoverBorderColor = "#4376fc";
+export const utrechtButtonPrimaryActionHoverColor = "#ffffff";
+export const utrechtButtonSecondaryActionBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionBorderColor = "#4376fc";
+export const utrechtButtonSecondaryActionBorderWidth = "2px";
+export const utrechtButtonSecondaryActionColor = "#4376fc";
+export const utrechtButtonSecondaryActionFontWeight = "400";
+export const utrechtButtonSecondaryActionHoverBackgroundColor = "#ffffff";
+export const utrechtButtonSecondaryActionHoverBorderColor = "#2e5ed9";
+export const utrechtButtonSecondaryActionHoverColor = "#2e5ed9";
+export const utrechtCodeBackgroundColor = "#f5f5f5";
+export const utrechtCodeColor = "#000000";
+export const utrechtCodeFontFamily = "Monospace, \"Lucida Console\"";
+export const utrechtCodeFontSize = "inherit";
+export const utrechtCodeBlockBackgroundColor = "#f5f5f5";
+export const utrechtCodeBlockColor = "#000000";
+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 = "#fafafa";
+export const utrechtDocumentColor = "#000000";
+export const utrechtDocumentFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const utrechtDocumentFontSize = "18px";
 export const utrechtFormInputBackgroundColor = "#ffffff";
 export const utrechtFormInputBorderColor = "#7a7a7a";
 export const utrechtFormInputBorderRadius = "3px";
@@ -180,63 +236,6 @@ export const utrechtTextboxPaddingInlineEnd = "14px";
 export const utrechtTextboxPaddingInlineStart = "14px";
 export const utrechtTextboxPlaceholderColor = "#808080";
 export const utrechtTextboxFocusBackgroundColor = "#ffffff";
-export const utrechtBlockquoteMarginInlineStart = "32px";
-export const utrechtBlockquoteMarginInlineEnd = "32px";
-export const utrechtBlockquoteContentColor = "#000000";
-export const utrechtBlockquoteContentFontSize = "18px";
-export const utrechtButtonBackgroundColor = "#4376fc";
-export const utrechtButtonBorderColor = "#4376fc";
-export const utrechtButtonBorderRadius = "3px";
-export const utrechtButtonBorderWidth = "2px";
-export const utrechtButtonColor = "#ffffff";
-export const utrechtButtonFontFamily = "\"Noto Sans\", Arial, 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 = "#2e5ed9";
-export const utrechtButtonHoverBorderColor = "#2e5ed9";
-export const utrechtButtonHoverColor = "#ffffff";
-export const utrechtButtonPrimaryActionBackgroundColor = "#4376fc";
-export const utrechtButtonPrimaryActionBorderColor = "#4376fc";
-export const utrechtButtonPrimaryActionBorderWidth = "2px";
-export const utrechtButtonPrimaryActionColor = "#ffffff";
-export const utrechtButtonPrimaryActionFontWeight = "inherit";
-export const utrechtButtonPrimaryActionHoverBackgroundColor = "#4376fc";
-export const utrechtButtonPrimaryActionHoverBorderColor = "#4376fc";
-export const utrechtButtonPrimaryActionHoverColor = "#ffffff";
-export const utrechtButtonSecondaryActionBackgroundColor = "#ffffff";
-export const utrechtButtonSecondaryActionBorderColor = "#4376fc";
-export const utrechtButtonSecondaryActionBorderWidth = "2px";
-export const utrechtButtonSecondaryActionColor = "#4376fc";
-export const utrechtButtonSecondaryActionFontWeight = "400";
-export const utrechtButtonSecondaryActionHoverBackgroundColor = "#ffffff";
-export const utrechtButtonSecondaryActionHoverBorderColor = "#2e5ed9";
-export const utrechtButtonSecondaryActionHoverColor = "#2e5ed9";
-export const utrechtCodeBackgroundColor = "#f5f5f5";
-export const utrechtCodeColor = "#000000";
-export const utrechtCodeFontFamily = "Monospace, \"Lucida Console\"";
-export const utrechtCodeFontSize = "inherit";
-export const utrechtCodeBlockBackgroundColor = "#f5f5f5";
-export const utrechtCodeBlockColor = "#000000";
-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 = "#fafafa";
-export const utrechtDocumentColor = "#000000";
-export const utrechtDocumentFontFamily = "\"Noto Sans\", Arial, sans-serif";
-export const utrechtDocumentFontSize = "18px";
 export const utrechtHeading1FontFamily = "\"Aldritch\", \"Noto Sans\", Arial, sans-serif";
 export const utrechtHeading1FontSize = "48px";
 export const utrechtHeading1FontWeight = "700";