@conduction/theme 1.0.40 → 1.0.42

package/municipalities/noaberkracht-design-tokens/dist/index.json

@@ -6799,6 +6799,82 @@
       "margin-block-start"
     ]
   },
+  {
+    "value": "1px",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.size.4xs}"
+    },
+    "name": "utrechtSeparatorBlockSize",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "block-size"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "block-size"
+    ]
+  },
+  {
+    "value": "#f0b800",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noaberkracht.color.yellow.47}"
+    },
+    "name": "utrechtSeparatorColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "color"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "color"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "utrechtSeparatorMarginBlockEnd",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "margin-block-end"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "margin-block-end"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "utrechtSeparatorMarginBlockStart",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "margin-block-start"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "margin-block-start"
+    ]
+  },
   {
     "value": "48px",
     "filePath": "src/common/utrecht/space.tokens.json",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:19:07 GMT
+// Generated on Tue, 03 Oct 2023 13:22:25 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -28,6 +28,8 @@
 @conduction-pagination-container-background-color: unset;
 @conduction-card-wrapper-border-radius: 22px;
 @conduction-card-wrapper-border-style: solid;
+@utrecht-separator-margin-block-start: 0px;
+@utrecht-separator-margin-block-end: 0px;
 @utrecht-paragraph-margin-block-end: 0;
 @utrecht-paragraph-margin-block-start: 0;
 @utrecht-paragraph-line-height: 1.5em;
@@ -179,6 +181,8 @@
 @conduction-card-header-date-color: @noaberkracht-color-blue-22;
 @conduction-card-header-title-color: @noaberkracht-color-blue-22;
 @utrecht-surface-background-color: @noaberkracht-color-white-100;
+@utrecht-separator-block-size: @noaberkracht-size-4xs;
+@utrecht-separator-color: @noaberkracht-color-yellow-47;
 @utrecht-paragraph-font-weight: @noaberkracht-typography-font-weight-normal;
 @utrecht-paragraph-font-size: @noaberkracht-font-size-sm;
 @utrecht-paragraph-font-family: @noaberkracht-typography-greycliff-cf-font-family;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:19:07 GMT
+// Generated on Tue, 03 Oct 2023 13:22:25 GMT
 
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;
@@ -28,6 +28,8 @@ $conduction-pagination-container-padding-inline-start: 0px;
 $conduction-pagination-container-background-color: unset;
 $conduction-card-wrapper-border-radius: 22px;
 $conduction-card-wrapper-border-style: solid;
+$utrecht-separator-margin-block-start: 0px;
+$utrecht-separator-margin-block-end: 0px;
 $utrecht-paragraph-margin-block-end: 0;
 $utrecht-paragraph-margin-block-start: 0;
 $utrecht-paragraph-line-height: 1.5em;
@@ -179,6 +181,8 @@ $conduction-card-header-date-font-size: $noaberkracht-font-size-xs;
 $conduction-card-header-date-color: $noaberkracht-color-blue-22;
 $conduction-card-header-title-color: $noaberkracht-color-blue-22;
 $utrecht-surface-background-color: $noaberkracht-color-white-100;
+$utrecht-separator-block-size: $noaberkracht-size-4xs;
+$utrecht-separator-color: $noaberkracht-color-yellow-47;
 $utrecht-paragraph-font-weight: $noaberkracht-typography-font-weight-normal;
 $utrecht-paragraph-font-size: $noaberkracht-font-size-sm;
 $utrecht-paragraph-font-family: $noaberkracht-typography-greycliff-cf-font-family;

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

@@ -6429,6 +6429,84 @@
         "line-height": {}
       }
     },
+    "separator": {
+      "color": {
+        "value": "#f0b800",
+        "filePath": "src/component/utrecht/separator.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.color.yellow.47}"
+        },
+        "name": "utrechtSeparatorColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "separator",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "separator",
+          "color"
+        ]
+      },
+      "block-size": {
+        "value": "1px",
+        "filePath": "src/component/utrecht/separator.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.size.4xs}"
+        },
+        "name": "utrechtSeparatorBlockSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "separator",
+          "item": "block-size"
+        },
+        "path": [
+          "utrecht",
+          "separator",
+          "block-size"
+        ]
+      },
+      "margin-block-end": {
+        "value": "0px",
+        "filePath": "src/component/utrecht/separator.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px"
+        },
+        "name": "utrechtSeparatorMarginBlockEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "separator",
+          "item": "margin-block-end"
+        },
+        "path": [
+          "utrecht",
+          "separator",
+          "margin-block-end"
+        ]
+      },
+      "margin-block-start": {
+        "value": "0px",
+        "filePath": "src/component/utrecht/separator.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px"
+        },
+        "name": "utrechtSeparatorMarginBlockStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "separator",
+          "item": "margin-block-start"
+        },
+        "path": [
+          "utrecht",
+          "separator",
+          "margin-block-start"
+        ]
+      }
+    },
     "surface": {
       "background-color": {
         "value": "#ffffff",

package/municipalities/noaberkracht-design-tokens/src/component/utrecht/separator.tokens.json

@@ -0,0 +1,10 @@
+{
+  "utrecht": {
+    "separator": {
+      "color": { "value": "{noaberkracht.color.yellow.47}" },
+      "block-size": { "value": "{noaberkracht.size.4xs}" },
+      "margin-block-end": { "value": "0px" },
+      "margin-block-start": { "value": "0px" }
+    }
+  }
+}

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:55 GMT
+ * Generated on Tue, 03 Oct 2023 13:22:24 GMT
  */
 
 .noordwijk-theme {
@@ -28,6 +28,8 @@
   --conduction-pagination-container-background-color: unset;
   --conduction-card-wrapper-border-radius: 5px;
   --conduction-card-wrapper-border-width: unset;
+  --utrecht-separator-margin-block-start: 0px;
+  --utrecht-separator-margin-block-end: 0px;
   --utrecht-paragraph-margin-block-end: 0;
   --utrecht-paragraph-margin-block-start: 0;
   --utrecht-paragraph-line-height: 1.5em;
@@ -185,6 +187,8 @@
   --conduction-card-header-date-font-size: var(--noordwijk-font-size-sm);
   --conduction-card-header-date-color: var(--noordwijk-color-light-green-24);
   --utrecht-surface-background-color: var(--noordwijk-color-light-blue-96);
+  --utrecht-separator-block-size: var(--noordwijk-size-4xs);
+  --utrecht-separator-color: var(--noordwijk-color-lightgrey-96);
   --utrecht-paragraph-font-weight: var(--noordwijk-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--noordwijk-font-size-md);
   --utrecht-paragraph-font-family: var(--noordwijk-typography-roboto-font-family);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:55 GMT
+ * Generated on Tue, 03 Oct 2023 13:22:24 GMT
  */
 
 export const noordwijkColorPrimary = "#2c2276";
@@ -310,6 +310,10 @@ export const utrechtParagraphFontWeight = "300";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSeparatorColor = "#f5f5f5";
+export const utrechtSeparatorBlockSize = "1px";
+export const utrechtSeparatorMarginBlockEnd = "0px";
+export const utrechtSeparatorMarginBlockStart = "0px";
 export const utrechtSurfaceBackgroundColor = "#f2f7fa";
 export const conductionCardHeaderColor = "#000000";
 export const conductionCardHeaderTitleColor = "#2c2276";

package/municipalities/noordwijk-design-tokens/dist/index.json

@@ -6976,6 +6976,82 @@
       "margin-block-start"
     ]
   },
+  {
+    "value": "1px",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.size.4xs}"
+    },
+    "name": "utrechtSeparatorBlockSize",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "block-size"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "block-size"
+    ]
+  },
+  {
+    "value": "#f5f5f5",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.lightgrey.96}"
+    },
+    "name": "utrechtSeparatorColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "color"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "color"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "utrechtSeparatorMarginBlockEnd",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "margin-block-end"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "margin-block-end"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "utrechtSeparatorMarginBlockStart",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "margin-block-start"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "margin-block-start"
+    ]
+  },
   {
     "value": "48px",
     "filePath": "src/common/utrecht/space.tokens.json",

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:18:55 GMT
+// Generated on Tue, 03 Oct 2023 13:22:24 GMT
 
 @conduction-tabs-tab-list-border-bottom-style: solid;
 @conduction-tabs-tab-list-margin-block-end: 0px;
@@ -26,6 +26,8 @@
 @conduction-pagination-container-background-color: unset;
 @conduction-card-wrapper-border-radius: 5px;
 @conduction-card-wrapper-border-width: unset;
+@utrecht-separator-margin-block-start: 0px;
+@utrecht-separator-margin-block-end: 0px;
 @utrecht-paragraph-margin-block-end: 0;
 @utrecht-paragraph-margin-block-start: 0;
 @utrecht-paragraph-line-height: 1.5em;
@@ -183,6 +185,8 @@
 @conduction-card-header-date-font-size: @noordwijk-font-size-sm;
 @conduction-card-header-date-color: @noordwijk-color-light-green-24;
 @utrecht-surface-background-color: @noordwijk-color-light-blue-96;
+@utrecht-separator-block-size: @noordwijk-size-4xs;
+@utrecht-separator-color: @noordwijk-color-lightgrey-96;
 @utrecht-paragraph-font-weight: @noordwijk-typography-font-weight-normal;
 @utrecht-paragraph-font-size: @noordwijk-font-size-md;
 @utrecht-paragraph-font-family: @noordwijk-typography-roboto-font-family;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:18:55 GMT
+// Generated on Tue, 03 Oct 2023 13:22:24 GMT
 
 $conduction-tabs-tab-list-border-bottom-style: solid;
 $conduction-tabs-tab-list-margin-block-end: 0px;
@@ -26,6 +26,8 @@ $conduction-pagination-container-padding-inline-start: 0px;
 $conduction-pagination-container-background-color: unset;
 $conduction-card-wrapper-border-radius: 5px;
 $conduction-card-wrapper-border-width: unset;
+$utrecht-separator-margin-block-start: 0px;
+$utrecht-separator-margin-block-end: 0px;
 $utrecht-paragraph-margin-block-end: 0;
 $utrecht-paragraph-margin-block-start: 0;
 $utrecht-paragraph-line-height: 1.5em;
@@ -183,6 +185,8 @@ $conduction-card-header-date-font-weight: $noordwijk-typography-font-weight-ligh
 $conduction-card-header-date-font-size: $noordwijk-font-size-sm;
 $conduction-card-header-date-color: $noordwijk-color-light-green-24;
 $utrecht-surface-background-color: $noordwijk-color-light-blue-96;
+$utrecht-separator-block-size: $noordwijk-size-4xs;
+$utrecht-separator-color: $noordwijk-color-lightgrey-96;
 $utrecht-paragraph-font-weight: $noordwijk-typography-font-weight-normal;
 $utrecht-paragraph-font-size: $noordwijk-font-size-md;
 $utrecht-paragraph-font-family: $noordwijk-typography-roboto-font-family;

package/municipalities/noordwijk-design-tokens/dist/tokens.json

@@ -6564,6 +6564,84 @@
         "line-height": {}
       }
     },
+    "separator": {
+      "color": {
+        "value": "#f5f5f5",
+        "filePath": "src/component/utrecht/separator.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noordwijk.color.lightgrey.96}"
+        },
+        "name": "utrechtSeparatorColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "separator",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "separator",
+          "color"
+        ]
+      },
+      "block-size": {
+        "value": "1px",
+        "filePath": "src/component/utrecht/separator.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noordwijk.size.4xs}"
+        },
+        "name": "utrechtSeparatorBlockSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "separator",
+          "item": "block-size"
+        },
+        "path": [
+          "utrecht",
+          "separator",
+          "block-size"
+        ]
+      },
+      "margin-block-end": {
+        "value": "0px",
+        "filePath": "src/component/utrecht/separator.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px"
+        },
+        "name": "utrechtSeparatorMarginBlockEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "separator",
+          "item": "margin-block-end"
+        },
+        "path": [
+          "utrecht",
+          "separator",
+          "margin-block-end"
+        ]
+      },
+      "margin-block-start": {
+        "value": "0px",
+        "filePath": "src/component/utrecht/separator.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px"
+        },
+        "name": "utrechtSeparatorMarginBlockStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "separator",
+          "item": "margin-block-start"
+        },
+        "path": [
+          "utrecht",
+          "separator",
+          "margin-block-start"
+        ]
+      }
+    },
     "surface": {
       "background-color": {
         "value": "#f2f7fa",

package/municipalities/noordwijk-design-tokens/src/component/utrecht/separator.tokens.json

@@ -0,0 +1,10 @@
+{
+  "utrecht": {
+    "separator": {
+      "color": { "value": "{noordwijk.color.lightgrey.96}" },
+      "block-size": { "value": "{noordwijk.size.4xs}" },
+      "margin-block-end": { "value": "0px" },
+      "margin-block-start": { "value": "0px" }
+    }
+  }
+}

package/municipalities/open-webconcept-design-tokens/README.md

@@ -1,34 +1,3 @@
-# NL Design System design tokens Gemeente Example
+# NL Design System design tokens Open Webconcept
 
-These tokens have been obtained by analysing the [website of Gemeente Example](https://www.example.com/).
-
----
-
-✂ In your own directory: **remove the "Getting started" section below!**
-
----
-
-## Getting started with your own NL Design System theme
-
-1. Kies een unieke prefix voor jouw organisatie, die je gebruikt voor je npm package, BEM class names, CSS variabelen, etcetera. Wij gebruiken `nl-`, jij kiest iets anders. Gebruik alleen letters en cijfers in de prefix, geen andere tekens zoals het koppelstreepje. Bijvoorbeeld: gemeente Den Haag gebruikt `denhaag`.
-2. Kopieer `proprietary/example-design-tokens/` naar `proprietary/prefix-design-tokens`, waarbij je `prefix` vervangt door de prefix die je kiest.
-3. Gebruik "_Find and replace_" in `proprietary/prefix-design-tokens`, vervang _case-sensitive_ `example` door jouw `prefix`.
-4. Gebruik "_Find and replace_" in `proprietary/prefix-design-tokens`, vervang _case-sensitive_ `Example Organisation` door jouw de naam van jouw organisatie.
-5. Bewerk `packages/storybook/package.json`, en voeg `"@nl-design-system-unstable/prefix-design-tokens": "workspace:*",` toe onder `"dependencies"`. Vervang weer de `prefix` met je eigen prefix.
-6. Doe `pnpm install` vanuit de root van je project, zodat jouw nieuwe npm package aan de pnpm workspace toegevoegd wordt.
-7. Bewerk `proprietary/prefix-design-tokens/README.md` en pas het aan met je eigen gegevens, voeg een contactpersoon toe. Verwijder de instructies van de template.
-8. Bewerk `proprietary/prefix-design-tokens/package.json` en pas het aan met een link naar je eigen website.
-9. Bewerk `proprietary/prefix-design-tokens/src/package.json` en pas het aan met gegevens van jouw organisatie.
-10. Bewerk `packages/storybook/config/preview.js`
-    a. Voeg de naam van jouw organisatie toe aan de alfabetische lijst met teams, zodat je op alfabetische volgorde te vinden bent in Storybook.
-    b. Voeg een `import` toe voor de CSS met het thema van jouw organisatie.
-    c. Optioneel: voeg een `import` toe voor de webfonts voor jouw thema.
-11. Voeg in `proprietary/prefix-design-tokens/src/` jouw design tokens, bijvoorbeeld `color.tokens.json`. Op de [website van NL Design System](https://nldesignsystem.nl/) wordt uitgelegd hoe je een eigen thema kan maken met design tokens.
-12. Maak een Pull Request op GitHub om jouw code toe te voegen aan de [NL Design System themes repository](http://github.com/nl-design-system/themes).
-13. Als de code is gemerged in de themes repository, dan zal je eigen thema als npm pakketje na een paar minuten beschikbaar worden via [npmjs.com](http://npmjs.com). Dan kun je het thema installeren in jouw project met `npm install --save-dev @nl-design-system-unstable/prefix-design-tokens`.
-
----
-
-✂ In your own directory: **remove the "Getting started" section above!**
-
----
+These tokens have been obtained by analysing the [website of Open Webconcept](https://openwebconcept.nl/).

package/municipalities/open-webconcept-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:19:36 GMT
+ * Generated on Tue, 03 Oct 2023 13:22:28 GMT
  */
 
 .open-webconcept-theme {
@@ -43,6 +43,8 @@
   --conduction-primary-top-nav-background-color-active: unset;
   --conduction-card-wrapper-border-radius: usnet;
   --conduction-card-wrapper-border-style: solid;
+  --utrecht-separator-margin-block-start: 0px;
+  --utrecht-separator-margin-block-end: 0px;
   --utrecht-paragraph-margin-block-end: 0;
   --utrecht-paragraph-margin-block-start: 0;
   --utrecht-paragraph-line-height: 1.5em;
@@ -112,6 +114,7 @@
   --open-webconcept-font-size-4xs: 3px;
   --open-webconcept-color-grey-96: #f5f5f5;
   --open-webconcept-color-grey-93: #eeeeee;
+  --open-webconcept-color-grey-90: #e5e5e5;
   --open-webconcept-color-grey-87: #dcdcde;
   --open-webconcept-color-grey-73: #bbbbbb;
   --open-webconcept-color-grey-50: #808080;
@@ -215,6 +218,8 @@
   --conduction-card-header-date-color: var(--open-webconcept-color-black-60);
   --conduction-card-header-title-color: var(--open-webconcept-color-primary);
   --utrecht-surface-background-color: var(--open-webconcept-color-white-100);
+  --utrecht-separator-block-size: var(--open-webconcept-size-4xs);
+  --utrecht-separator-color: var(--open-webconcept-color-grey-90);
   --utrecht-paragraph-font-weight: var(--open-webconcept-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--open-webconcept-font-size-md);
   --utrecht-paragraph-font-family: var(--open-webconcept-typography-sans-serif-font-family);

package/municipalities/open-webconcept-design-tokens/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:19:36 GMT
+ * Generated on Tue, 03 Oct 2023 13:22:28 GMT
  */
 
 export const openWebconceptColorPrimary = "#1abc9c";
@@ -33,6 +33,7 @@ export const openWebconceptColorGrey46 = "#6c757d"; // Base/Grey
 export const openWebconceptColorGrey50 = "#808080";
 export const openWebconceptColorGrey73 = "#bbbbbb";
 export const openWebconceptColorGrey87 = "#dcdcde";
+export const openWebconceptColorGrey90 = "#e5e5e5";
 export const openWebconceptColorGrey93 = "#eeeeee";
 export const openWebconceptColorGrey96 = "#f5f5f5";
 export const openWebconceptFontSize4xs = "3px";
@@ -312,6 +313,10 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSeparatorColor = "#e5e5e5";
+export const utrechtSeparatorBlockSize = "1px";
+export const utrechtSeparatorMarginBlockEnd = "0px";
+export const utrechtSeparatorMarginBlockStart = "0px";
 export const utrechtSurfaceBackgroundColor = "#ffffff";
 export const conductionCardHeaderColor = "#555555";
 export const conductionCardHeaderTitleColor = "#1abc9c";