@conduction/theme 1.0.40 → 1.0.42

package/municipalities/{noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens → dimpact-design-tokens}/src/component/utrecht/icon.tokens.json

@@ -1,12 +1,12 @@
-{
-  "utrecht": {
-    "icon": {
-      "color": {},
-      "size": {},
-      "inset-block-start": { "value": "0.1em" },
-      "baseline": {
-        "inset-block-start": {}
-      }
-    }
-  }
-}
+{
+  "utrecht": {
+    "icon": {
+      "color": {},
+      "size": {},
+      "inset-block-start": {},
+      "baseline": {
+        "inset-block-start": {}
+      }
+    }
+  }
+}

package/municipalities/dimpact-design-tokens/src/component/utrecht/link.tokens.json

@@ -0,0 +1,33 @@
+{
+  "utrecht": {
+    "link": {
+      "color": { "value": "{dimpact.color.primary}" },
+      "text-decoration": { "value": "underline" },
+      "text-decoration-color": { "value": "unset" },
+      "text-decoration-thickness": { "value": "{dimpact.size.4xs}" },
+      "text-underline-offset": { "value": "{dimpact.size.3xs}" },
+      "active": {
+        "color": {}
+      },
+      "focus": {
+        "color": {},
+        "text-decoration": {},
+        "text-decoration-thickness": {}
+      },
+      "hover": {
+        "color": { "value": "{dimpact.color.primary-hover}" },
+        "text-decoration": { "value": "underline" },
+        "text-decoration-thickness": { "value": "{dimpact.size.4xs}" }
+      },
+      "placeholder": {
+        "color": {}
+      },
+      "visited": {
+        "color": { "value": "{dimpact.color.primary}" }
+      },
+      "icon": {
+        "size": { "value": "{dimpact.size.md}" }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,31 @@
+{
+  "utrecht": {
+    "ordered-list": {
+      "font-size": { "value": "{utrecht.document.font-size}" },
+      "line-height": {},
+      "margin-block-start": { "value": "{dimpact.size.sm}" },
+      "margin-block-end": { "value": "{dimpact.size.sm}" },
+      "padding-inline-start": { "value": "{dimpact.size.xl}" },
+      "item": {
+        "margin-block-start": { "value": "{dimpact.size.2xs}" },
+        "margin-block-end": { "value": "{dimpact.size.2xs}" },
+        "padding-inline-start": { "value": "1ch" }
+      }
+    },
+    "unordered-list": {
+      "font-size": { "value": "{utrecht.document.font-size}" },
+      "line-height": {},
+      "margin-block-start": { "value": "{dimpact.size.md}" },
+      "margin-block-end": { "value": 0 },
+      "padding-inline-start": { "value": "2ch" },
+      "item": {
+        "margin-block-start": { "value": "{dimpact.size.xs}" },
+        "margin-block-end": { "value": "{dimpact.size.xs}" },
+        "padding-inline-start": { "value": "1ch" }
+      },
+      "marker": {
+        "color": { "value": "{dimpact.color.primary}" }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,13 @@
+{
+  "utrecht": {
+    "page-footer": {
+      "background-color": { "value": "{dimpact.color.primary}" },
+      "background-image": { "value": "unset" },
+      "color": { "value": "{dimpact.color.white.100}" },
+      "padding-inline-end": { "value": "{dimpact.size.sm}" },
+      "padding-inline-start": { "value": "{dimpact.size.sm}" },
+      "padding-block-end": { "value": "{dimpact.size.2xl}" },
+      "padding-block-start": { "value": "{dimpact.size.2xl}" }
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+{
+  "utrecht": {
+    "page-header": {
+      "background-color": { "value": "{dimpact.color.light-blue.53}" },
+      "color": { "value": "{dimpact.color.white.100}" },
+      "padding-block-start": { "value": "{dimpact.size.sm}" },
+      "padding-block-end": { "value": "{dimpact.size.sm}" }
+    }
+  }
+}

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

@@ -0,0 +1,11 @@
+{
+  "utrecht": {
+    "page": {
+      "background-color": {},
+      "color": {},
+      "margin-inline-start": { "value": "{dimpact.size.lg}" },
+      "margin-inline-end": { "value": "{dimpact.size.lg}" },
+      "max-inline-size": { "value": "1140px" }
+    }
+  }
+}

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

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

package/municipalities/dimpact-design-tokens/src/component/utrecht/surface.tokens.json

@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "surface": {
+      "background-color": { "value": "{dimpact.color.white.100}" },
+      "color": {}
+    }
+  }
+}

package/municipalities/dimpact-design-tokens/src/component/utrecht/table.tokens.json

@@ -0,0 +1,60 @@
+{
+  "utrecht": {
+    "table": {
+      "border-color": { "value": "{dimpact.color.grey.93}" },
+      "border-width": { "value": "{dimpact.size.4xs}" },
+      "font-family": { "value": "{utrecht.document.font-family}" },
+      "font-size": { "value": "{utrecht.document.font-size}" },
+      "line-height": {},
+      "margin-block-end": { "value": 0 },
+      "margin-block-start": { "value": "{dimpact.size.md}" },
+      "caption": {
+        "font-weight": {},
+        "font-family": {},
+        "font-size": {},
+        "color": {},
+        "line-height": {},
+        "text-align": {},
+        "margin-block-end": {}
+      },
+      "header": {
+        "font-weight": { "value": "{dimpact.typography.font-weight.bold}" },
+        "background-color": {},
+        "color": { "value": "{utrecht.document.color}" },
+        "text-transform": { "value": "unset" },
+        "border-block-end-color": {},
+        "border-block-end-width": {}
+      },
+      "header-cell": {
+        "font-size": { "value": "{utrecht.document.font-size}" },
+        "font-weight": { "value": "{dimpact.typography.font-weight.bold}" },
+        "color": { "value": "{utrecht.document.color}" },
+        "text-transform": { "value": "unset" }
+      },
+      "cell": {
+        "line-height": {},
+        "padding-block-end": { "value": "{dimpact.size.md}" },
+        "padding-block-start": { "value": "{dimpact.size.md}" },
+        "padding-inline-end": { "value": "{dimpact.size.md}" },
+        "padding-inline-start": { "value": "{dimpact.size.md}" },
+        "icon": {
+          "size": {}
+        }
+      },
+      "row": {
+        "border-block-end-color": { "value": "{dimpact.color.grey.93}" },
+        "border-block-end-width": { "value": "{dimpact.size.4xs}" },
+        "padding-inline-end": {},
+        "padding-inline-start": {},
+        "alternate-odd": {
+          "background-color": {},
+          "color": {}
+        },
+        "alternate-even": {
+          "background-color": {},
+          "color": {}
+        }
+      }
+    }
+  }
+}

package/municipalities/dimpact-design-tokens/src/component/utrecht/textbox.tokens.json

@@ -0,0 +1,31 @@
+{
+  "utrecht": {
+    "textbox": {
+      "border-bottom-width": {},
+      "border-color": { "value": "{dimpact.color.grey.84}" },
+      "border-radius": { "value": "5px" },
+      "border-width": { "value": "{dimpact.size.4xs}" },
+      "color": { "value": "{dimpact.color.primary}" },
+      "font-family": { "value": "{dimpact.typography.sans-serif.font-family}" },
+      "font-size": { "value": "15px" },
+      "min-inline-height": {},
+      "max-inline-size": {},
+      "padding-block-end": { "value": "{dimpact.size.xs}" },
+      "padding-block-start": { "value": "{dimpact.size.xs}" },
+      "padding-inline-end": { "value": "{dimpact.size.sm}" },
+      "padding-inline-start": { "value": "{dimpact.size.sm}" },
+      "disabled": {
+        "border-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "border-color": {},
+        "border-width": {}
+      },
+      "read-only": {
+        "border-color": {},
+        "color": {}
+      }
+    }
+  }
+}

package/municipalities/dimpact-design-tokens/src/config.json

@@ -0,0 +1,47 @@
+{
+  "fullName": "Dimpact",
+  "name": "Dimpact",
+  "prefix": "dimpact",
+  "npm": "@nl-design-system-unstable/dimpact-design-tokens",
+  "stories": [
+    "react-utrecht-alert--default",
+    "react-utrecht-alert--warning",
+    "react-utrecht-alert--error",
+    "react-utrecht-alert--ok",
+    "react-utrecht-badge-counter--default",
+    "react-utrecht-button--default",
+    "react-utrecht-button--hover",
+    "react-utrecht-button--primary-action-button",
+    "react-utrecht-button--secondary-action-button",
+    "react-utrecht-code--default",
+    "react-utrecht-code-block--default",
+    "react-utrecht-heading-1--default",
+    "react-utrecht-heading-2--default",
+    "react-utrecht-heading-3--default",
+    "react-utrecht-heading-4--default",
+    "react-utrecht-alert--default",
+    "react-utrecht-link--default",
+    "react-utrecht-link--hover",
+    "react-utrecht-link--focus",
+    "react-utrecht-ordered-list--default",
+    "react-utrecht-unordered-list--default",
+    "react-utrecht-page-header--default",
+    "react-utrecht-page-footer--default",
+    "react-utrecht-paragraph--default",
+    "react-utrecht-surface--default",
+    "react-utrecht-table--default",
+    "react-utrecht-textbox--default",
+    "react-conduction-card-header--default",
+    "react-conduction-card-header--hover",
+    "react-conduction-card-wrapper--default",
+    "react-conduction-card-wrapper--hover",
+    "react-conduction-pagination--default",
+    "react-conduction-input-select--default",
+    "react-conduction-input-select--list-option",
+    "react-conduction-input-select--placeholder",
+    "react-conduction-tabs--default",
+    "react-conduction-tabs--selected",
+    "react-conduction-tabs--hover",
+    "react-conduction-tabs--list",
+    "react-conduction-tabs--panel"
+  ]}

package/municipalities/dimpact-design-tokens/src/font.scss

@@ -0,0 +1,6 @@
+/* Place any @font-face definitions here */
+
+@font-face {
+  font-family: "Tisa-sans-web-pro";
+  src: url("../src/font/TisaSansPro-Regular.woff2") format("woff2");
+}

package/municipalities/dimpact-design-tokens/src/index.scss

@@ -0,0 +1,8 @@
+/**
+ * @license SEE LICENSE.md
+ * Copyright (c) 2021 NL Design System Community
+ * All rights reserved
+ */
+
+@import "./design-tokens.css";
+@import "./font.css";

package/municipalities/{noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens → dimpact-design-tokens}/style-dictionary.config.js

@@ -1,6 +1,6 @@
-const config = require('./src/config.json');
-const { createConfig } = require('../../style-dictionary-config');
-
-module.exports = createConfig({
-  selector: `.${config.prefix}-theme`,
-});
+const config = require('./src/config.json');
+const { createConfig } = require('../../style-dictionary-config');
+
+module.exports = createConfig({
+  selector: `.${config.prefix}-theme`,
+});

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:30 GMT
+ * Generated on Tue, 03 Oct 2023 13:22:22 GMT
  */
 
 .dinkelland-theme {
@@ -46,6 +46,8 @@
   --conduction-pagination-container-background-color: unset;
   --conduction-card-wrapper-border-radius: 0px;
   --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;
@@ -216,6 +218,8 @@
   --conduction-card-header-date-color: var(--dinkelland-color-black-0);
   --conduction-card-header-title-color: var(--dinkelland-color-black-0);
   --utrecht-surface-background-color: var(--dinkelland-color-white-100);
+  --utrecht-separator-block-size: var(--dinkelland-size-4xs);
+  --utrecht-separator-color: var(--dinkelland-color-blue-91);
   --utrecht-paragraph-font-weight: var(--dinkelland-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--dinkelland-font-size-md);
   --utrecht-paragraph-font-family: var(--dinkelland-typography-lato-font-family);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:30 GMT
+ * Generated on Tue, 03 Oct 2023 13:22:22 GMT
  */
 
 export const dinkellandColorPrimary = "#006cb9";
@@ -339,6 +339,10 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSeparatorColor = "#deebf4";
+export const utrechtSeparatorBlockSize = "1px";
+export const utrechtSeparatorMarginBlockEnd = "0px";
+export const utrechtSeparatorMarginBlockStart = "0px";
 export const utrechtSurfaceBackgroundColor = "#ffffff";
 export const conductionCardHeaderColor = "#333333";
 export const conductionCardHeaderTitleColor = "#000000";

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

@@ -7829,6 +7829,82 @@
       "margin-block-start"
     ]
   },
+  {
+    "value": "1px",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{dinkelland.size.4xs}"
+    },
+    "name": "utrechtSeparatorBlockSize",
+    "attributes": {
+      "category": "utrecht",
+      "type": "separator",
+      "item": "block-size"
+    },
+    "path": [
+      "utrecht",
+      "separator",
+      "block-size"
+    ]
+  },
+  {
+    "value": "#deebf4",
+    "filePath": "src/component/utrecht/separator.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{dinkelland.color.blue.91}"
+    },
+    "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/dinkelland-design-tokens/dist/index.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:18:31 GMT
+// Generated on Tue, 03 Oct 2023 13:22:22 GMT
 
 @conduction-tabs-scroll-button-border-style: solid;
 @conduction-tabs-tab-panel-border-top: 0;
@@ -44,6 +44,8 @@
 @conduction-pagination-container-background-color: unset;
 @conduction-card-wrapper-border-radius: 0px;
 @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;
@@ -214,6 +216,8 @@
 @conduction-card-header-date-color: @dinkelland-color-black-0;
 @conduction-card-header-title-color: @dinkelland-color-black-0;
 @utrecht-surface-background-color: @dinkelland-color-white-100;
+@utrecht-separator-block-size: @dinkelland-size-4xs;
+@utrecht-separator-color: @dinkelland-color-blue-91;
 @utrecht-paragraph-font-weight: @dinkelland-typography-font-weight-normal;
 @utrecht-paragraph-font-size: @dinkelland-font-size-md;
 @utrecht-paragraph-font-family: @dinkelland-typography-lato-font-family;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Sep 2023 14:18:31 GMT
+// Generated on Tue, 03 Oct 2023 13:22:22 GMT
 
 $conduction-tabs-scroll-button-border-style: solid;
 $conduction-tabs-tab-panel-border-top: 0;
@@ -44,6 +44,8 @@ $conduction-pagination-container-padding-inline-start: 0px;
 $conduction-pagination-container-background-color: unset;
 $conduction-card-wrapper-border-radius: 0px;
 $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;
@@ -214,6 +216,8 @@ $conduction-card-header-date-font-size: $dinkelland-font-size-sm;
 $conduction-card-header-date-color: $dinkelland-color-black-0;
 $conduction-card-header-title-color: $dinkelland-color-black-0;
 $utrecht-surface-background-color: $dinkelland-color-white-100;
+$utrecht-separator-block-size: $dinkelland-size-4xs;
+$utrecht-separator-color: $dinkelland-color-blue-91;
 $utrecht-paragraph-font-weight: $dinkelland-typography-font-weight-normal;
 $utrecht-paragraph-font-size: $dinkelland-font-size-md;
 $utrecht-paragraph-font-family: $dinkelland-typography-lato-font-family;

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

@@ -7165,6 +7165,84 @@
         "line-height": {}
       }
     },
+    "separator": {
+      "color": {
+        "value": "#deebf4",
+        "filePath": "src/component/utrecht/separator.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{dinkelland.color.blue.91}"
+        },
+        "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": "{dinkelland.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/dinkelland-design-tokens/src/component/utrecht/separator.tokens.json

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

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:40 GMT
+ * Generated on Tue, 03 Oct 2023 13:22:23 GMT
  */
 
 .epe-theme {
@@ -30,6 +30,8 @@
   --conduction-card-wrapper-border-radius: 0px;
   --conduction-card-header-hover-border-bottom-style: solid;
   --conduction-card-header-border-bottom-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;
@@ -203,6 +205,8 @@
   --conduction-card-header-border-bottom-color: var(--epe-color-yellow-42);
   --conduction-card-header-border-bottom-width: var(--epe-size-4xs);
   --utrecht-surface-background-color: var(--epe-color-white-100);
+  --utrecht-separator-block-size: var(--epe-size-4xs);
+  --utrecht-separator-color: var(--epe-color-yellow-42);
   --utrecht-paragraph-font-weight: var(--epe-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--epe-font-size-md);
   --utrecht-paragraph-font-family: var(--epe-typography-source-sans-font-family);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 28 Sep 2023 14:18:40 GMT
+ * Generated on Tue, 03 Oct 2023 13:22:23 GMT
  */
 
 export const epeColorPrimary = "#01699d";
@@ -326,6 +326,10 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSeparatorColor = "#d6a100";
+export const utrechtSeparatorBlockSize = "1px";
+export const utrechtSeparatorMarginBlockEnd = "0px";
+export const utrechtSeparatorMarginBlockStart = "0px";
 export const utrechtSurfaceBackgroundColor = "#ffffff";
 export const conductionCardHeaderBorderBottomWidth = "1px";
 export const conductionCardHeaderBorderBottomStyle = "solid";