@conduction/theme 1.1.0 → 1.1.2

package/municipalities/sloterburg-design-tokens/src/component/utrecht/code.tokens.json

@@ -0,0 +1,26 @@
+{
+  "utrecht": {
+    "code": {
+      "background-color": { "value": "{sloterburg.color.lightgrey.96}" },
+      "color": { "value": "{sloterburg.color.black.0}" },
+      "font-family": { "value": "{sloterburg.typography.monospace.font-family}" },
+      "font-size": { "value": "inherit" },
+      "line-height": {}
+    },
+    "code-block": {
+      "background-color": { "value": "{sloterburg.color.lightgrey.96}" },
+      "color": { "value": "{sloterburg.color.black.0}" },
+      "font-family": { "value": "{sloterburg.typography.monospace.font-family}" },
+      "font-size": { "value": "{sloterburg.font-size.md}" },
+      "line-height": { "value": "{sloterburg.size.lg}" },
+      "margin-block-start": { "value": "{sloterburg.size.md}" },
+      "margin-block-end": { "value": "{sloterburg.size.md}" },
+      "margin-inline-start": { "value": 0 },
+      "margin-inline-end": { "value": 0 },
+      "padding-block-start": { "value": "{sloterburg.size.md}" },
+      "padding-block-end": { "value": "{sloterburg.size.md}" },
+      "padding-inline-start": { "value": "{sloterburg.size.md}" },
+      "padding-inline-end": { "value": "{sloterburg.size.md}" }
+    }
+  }
+}

package/municipalities/sloterburg-design-tokens/src/component/utrecht/document.tokens.json

@@ -0,0 +1,12 @@
+{
+  "utrecht": {
+    "document": {
+      "background-color": { "value": "{sloterburg.color.white.100}" },
+      "color": { "value": "{sloterburg.color.black.0}" },
+      "font-family": { "value": "{sloterburg.typography.pt-sans-narrow.font-family}" },
+      "font-size": { "value": "{sloterburg.font-size.md}" },
+      "font-weight": {},
+      "line-height": {}
+    }
+  }
+}

package/municipalities/sloterburg-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json

@@ -0,0 +1,9 @@
+{
+  "utrecht": {
+    "alert": {
+      "icon": {
+        "gap": { "value": "{sloterburg.size.xs}" }
+      }
+    }
+  }
+}

package/municipalities/sloterburg-design-tokens/src/component/utrecht/extra-tokens/badge-counter.tokens.json

@@ -0,0 +1,11 @@
+{
+  "utrecht": {
+    "badge-counter": {
+      "font-family": { "value": "{utrecht.document.font-family}" },
+      "font-style": {},
+      "text-decoration": { "value": "none" },
+      "min-block-size": {},
+      "min-inline-size": {}
+    }
+  }
+}

package/municipalities/sloterburg-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json

@@ -0,0 +1,22 @@
+{
+  "utrecht": {
+    "breadcrumb-nav": {
+      "background-color": { "value": "{sloterburg.color.white.100}" },
+      "border-radius": { "value": "3px" },
+      "padding-inline-start": { "value": "0" },
+      "padding-inline-end": { "value": "0" },
+      "padding-block-start": { "value": "12px" },
+      "padding-block-end": { "value": "12px" },
+      "link": {
+        "disabled": {
+          "background-color": {},
+          "color": { "value": "{sloterburg.color.grey.42}" }
+        },
+        "hover": {
+          "background-color": {},
+          "color": { "value": "{sloterburg.color.primary-hover}" }
+        }
+      }
+    }
+  }
+}

package/municipalities/sloterburg-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json

@@ -0,0 +1,26 @@
+{
+  "utrecht": {
+    "form-input": {
+      "background-color": { "value": "{sloterburg.color.white.100}" },
+      "line-height": {},
+      "placeholder": {
+        "color": { "value": "{sloterburg.color.grey.50}" }
+      },
+      "disabled": {
+        "background-color": {}
+      },
+      "focus": {
+        "background-color": { "value": "{sloterburg.color.white.100}" },
+        "border-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "background-color": {},
+        "color": {}
+      },
+      "read-only": {
+        "background-color": {}
+      }
+    }
+  }
+}

package/municipalities/sloterburg-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json

@@ -0,0 +1,7 @@
+{
+  "utrecht": {
+    "icon": {
+      "gap": { "value": "{sloterburg.size.xs}" }
+    }
+  }
+}

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

@@ -0,0 +1,37 @@
+{
+  "utrecht": {
+    "page-footer": {
+      "font-size": {},
+      "font-family": {},
+      "min-height": {},
+      "logo": {
+        "max-height": { "value": "100px" },
+        "max-width": { "value": "100px" }
+      },
+      "background-size": {},
+      "background-position": {},
+      "mobile": {
+        "background-position": {}
+      },
+      "icon": {
+        "color": {}
+      },
+      "heading": {
+        "color": {},
+        "font-family": {}
+      },
+      "link": {
+        "color": {},
+        "text-decoration": { "value": "none" },
+        "text-decoration-color": { "value": "unset" },
+        "text-decoration-thickness": { "value": "{sloterburg.size.4xs}" },
+        "text-underline-offset": { "value": "{sloterburg.size.3xs}" },
+        "hover": {
+          "color": { "value": "{sloterburg.color.white.100}" },
+          "text-decoration": { "value": "underline" },
+          "text-decoration-thickness": { "value": "{sloterburg.size.4xs}" }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+{
+  "utrecht": {
+    "page-header": {
+      "logo": {
+        "max-height": {},
+        "max-width": { "value": "150px" }
+      }
+    }
+  }
+}

package/municipalities/sloterburg-design-tokens/src/component/utrecht/form-input.tokens.json

@@ -0,0 +1,31 @@
+{
+  "utrecht": {
+    "form-input": {
+      "border-bottom-width": {},
+      "border-color": { "value": "{sloterburg.color.grey.48}" },
+      "border-radius": { "value": "3px" },
+      "border-width": { "value": "{sloterburg.size.4xs}" },
+      "color": { "value": "{sloterburg.color.grey.29}" },
+      "font-family": { "value": "{sloterburg.typography.pt-sans-narrow.font-family}" },
+      "font-size": { "value": "{sloterburg.font-size.md}" },
+      "min-inline-height": {},
+      "max-inline-size": {},
+      "padding-block-end": { "value": "{sloterburg.size.xs}" },
+      "padding-block-start": { "value": "{sloterburg.size.xs}" },
+      "padding-inline-end": { "value": "{sloterburg.size.sm}" },
+      "padding-inline-start": { "value": "{sloterburg.size.sm}" },
+      "disabled": {
+        "border-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "border-color": {},
+        "border-width": {}
+      },
+      "read-only": {
+        "border-color": {},
+        "color": {}
+      }
+    }
+  }
+}

package/municipalities/sloterburg-design-tokens/src/component/utrecht/heading.tokens.json

@@ -0,0 +1,49 @@
+{
+  "utrecht": {
+    "heading-1": {
+      "color": { "value": "{sloterburg.color.primary}" },
+      "font-family": { "value": "{utrecht.document.font-family}" },
+      "font-size": { "value": "{sloterburg.font-size.3xl}" },
+      "font-weight": { "value": "{sloterburg.typography.font-weight.bold}" },
+      "line-height": {},
+      "margin-block-end": { "value": "{sloterburg.size.2xl}" },
+      "margin-block-start": { "value": "{sloterburg.size.md}" }
+    },
+    "heading-2": {
+      "color": { "value": "{sloterburg.color.primary}" },
+      "font-family": { "value": "{utrecht.document.font-family}" },
+      "font-size": { "value": "{sloterburg.font-size.2xl}" },
+      "font-weight": { "value": "{sloterburg.typography.font-weight.bold}" },
+      "line-height": {},
+      "margin-block-end": { "value": "{sloterburg.size.2xl}" },
+      "margin-block-start": { "value": "{sloterburg.size.md}" }
+    },
+    "heading-3": {
+      "color": { "value": "{sloterburg.color.darkgreen.23}" },
+      "font-family": { "value": "{utrecht.document.font-family}" },
+      "font-size": { "value": "{sloterburg.font-size.xl}" },
+      "font-weight": { "value": "{sloterburg.typography.font-weight.normal}" },
+      "line-height": {},
+      "margin-block-end": { "value": "{sloterburg.size.xl}" },
+      "margin-block-start": { "value": "{sloterburg.size.md}" }
+    },
+    "heading-4": {
+      "color": { "value": "{sloterburg.color.darkgreen.23}" },
+      "font-family": { "value": "{utrecht.document.font-family}" },
+      "font-size": { "value": "{sloterburg.font-size.lg}" },
+      "font-weight": { "value": "{sloterburg.typography.font-weight.normal}" },
+      "line-height": {},
+      "margin-block-end": { "value": "{sloterburg.size.lg}" },
+      "margin-block-start": { "value": "{sloterburg.size.md}" }
+    },
+    "heading-5": {
+      "color": { "value": "{sloterburg.color.darkgreen.23}" },
+      "font-family": { "value": "{utrecht.document.font-family}" },
+      "font-size": { "value": "{sloterburg.font-size.md}" },
+      "font-weight": { "value": "{sloterburg.typography.font-weight.light}" },
+      "line-height": {},
+      "margin-block-end": { "value": "{sloterburg.size.lg}" },
+      "margin-block-start": { "value": "{sloterburg.size.md}" }
+    }
+  }
+}

package/municipalities/sloterburg-design-tokens/src/component/utrecht/icon.tokens.json

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

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

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

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

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

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

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

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

@@ -0,0 +1,58 @@
+{
+  "fullName": "Sloterburg",
+  "name": "Sloterburg",
+  "prefix": "sloterburg",
+  "npm": "@nl-design-system-unstable/sloterburg-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-breadcrumb-nav--default",
+    "react-utrecht-breadcrumb-nav--separator",
+    "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-document--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-radio-button--default",
+    "react-utrecht-radio-button--hover",
+    "react-utrecht-radio-button--focus",
+    "react-utrecht-radio-button--checked",
+    "react-utrecht-radio-button--checked-and-disabled",
+    "react-utrecht-radio-button--disabled",
+    "react-utrecht-separator--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/sloterburg-design-tokens/src/font.scss

@@ -0,0 +1,6 @@
+/* Place any @font-face definitions here */
+
+@font-face {
+  font-family: "PT Sans Narrow";
+  src: url("../src/font/PT-Sans-Narrow.woff2") format("woff2");
+}

package/municipalities/sloterburg-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/sloterburg-design-tokens/style-dictionary.config.js

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

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 12 Dec 2023 13:34:10 GMT
+ * Generated on Mon, 18 Dec 2023 16:13:05 GMT
  */
 
 .tubbergen-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 12 Dec 2023 13:34:10 GMT
+ * Generated on Mon, 18 Dec 2023 16:13:05 GMT
  */
 
 export const tubbergenColorPrimary = "#0b612d";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 12 Dec 2023 13:34:10 GMT
+// Generated on Mon, 18 Dec 2023 16:13:05 GMT
 
 @conduction-tooltip-z-index: 9999;
 @conduction-tooltip-border-radius: 0px;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 12 Dec 2023 13:34:10 GMT
+// Generated on Mon, 18 Dec 2023 16:13:05 GMT
 
 $conduction-tooltip-z-index: 9999;
 $conduction-tooltip-border-radius: 0px;

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

@@ -4944,6 +4944,8 @@
       }
     },
     "page-footer": {
+      "font-size": {},
+      "font-family": {},
       "min-height": {
         "value": "300px",
         "filePath": "src/component/utrecht/extra-tokens/page-footer.tokens.json",
@@ -6670,7 +6672,9 @@
             "body",
             "border"
           ]
-        }
+        },
+        "border-block-end-color": {},
+        "border-block-end-width": {}
       },
       "caption": {
         "font-style": {},

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

@@ -1,6 +1,8 @@
 {
   "utrecht": {
     "page-footer": {
+      "font-size": {},
+      "font-family": {},
       "min-height": { "value": "300px" },
       "logo": {
         "max-height": { "value": "100px" },

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

@@ -15,7 +15,9 @@
         }
       },
       "body": {
-        "border": { "value": "{tubbergen.size.4xs} solid {tubbergen.color.blue.94}" }
+        "border": { "value": "{tubbergen.size.4xs} solid {tubbergen.color.blue.94}" },
+        "border-block-end-color": {},
+        "border-block-end-width": {}
       },
       "caption": {
         "font-style": {}

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 12 Dec 2023 13:34:04 GMT
+ * Generated on Mon, 18 Dec 2023 16:12:59 GMT
  */
 
 .xxllnc-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 12 Dec 2023 13:34:04 GMT
+ * Generated on Mon, 18 Dec 2023 16:12:59 GMT
  */
 
 export const xxllncColorPrimary = "#000000ad"; // Primary with 68% transparency

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 12 Dec 2023 13:34:04 GMT
+// Generated on Mon, 18 Dec 2023 16:12:59 GMT
 
 @conduction-tooltip-z-index: 9999;
 @conduction-tooltip-border-radius: 0px;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 12 Dec 2023 13:34:04 GMT
+// Generated on Mon, 18 Dec 2023 16:12:59 GMT
 
 $conduction-tooltip-z-index: 9999;
 $conduction-tooltip-border-radius: 0px;

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

@@ -4534,6 +4534,8 @@
       }
     },
     "page-footer": {
+      "font-size": {},
+      "font-family": {},
       "min-height": {},
       "logo": {
         "max-height": {
@@ -6060,7 +6062,9 @@
         }
       },
       "body": {
-        "border": {}
+        "border": {},
+        "border-block-end-color": {},
+        "border-block-end-width": {}
       },
       "caption": {
         "font-style": {},

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

@@ -1,6 +1,8 @@
 {
   "utrecht": {
     "page-footer": {
+      "font-size": {},
+      "font-family": {},
       "min-height": {},
       "logo": {
         "max-height": { "value": "100px" },

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

@@ -15,7 +15,9 @@
         }
       },
       "body": {
-        "border": {}
+        "border": {},
+        "border-block-end-color": {},
+        "border-block-end-width": {}
       },
       "caption": {
         "font-style": {}

package/municipalities/zutphen-design-tokens/LICENSE.md

@@ -0,0 +1,17 @@
+# Auteursrecht Gemeente Zutphen
+
+Copyright (c) 2023 Gemeente Zutphen
+
+## Logo en huisstijl
+
+Op het huisstijl en logo zijn auteursrechten van toepassing. Het gebruik van logo en huisstijl is alleen toegestaan voor gebruik door Gemeente Zutphen.
+
+Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van Gemeente Zutphen gebruiken en je ontwerpt een eigen huisstijl.
+
+## Lettertype
+
+Lettertypes die worden gebruikt voor de huisstijl zijn niet allemaal gratis en open source. Let op dat bij gebruik van die bijgeleverde lettertypes je een (betaalde) licentie regelt. Pas anders de configuratie aan om minder of andere lettertypes te gebruiken.
+
+## Toestemming
+
+Wanneer je het logo of de huisstijl wilt gebruiken kun je voor toestemming contact opnemen met Gemeente Zutphen.

package/municipalities/zutphen-design-tokens/README.md

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

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 18 Dec 2023 09:28:04 GMT
+ * Generated on Mon, 18 Dec 2023 16:14:15 GMT
  */
 
 .zutphen-theme {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 18 Dec 2023 09:28:04 GMT
+ * Generated on Mon, 18 Dec 2023 16:14:15 GMT
  */
 
 export const zutphenColorPrimary = "#063a96";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 18 Dec 2023 09:28:04 GMT
+// Generated on Mon, 18 Dec 2023 16:14:15 GMT
 
 @conduction-tooltip-z-index: 9999;
 @conduction-tooltip-border-radius: 0px;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 18 Dec 2023 09:28:04 GMT
+// Generated on Mon, 18 Dec 2023 16:14:15 GMT
 
 $conduction-tooltip-z-index: 9999;
 $conduction-tooltip-border-radius: 0px;

package/municipalities/zutphen-design-tokens/documentation/color.stories.mdx

@@ -0,0 +1,17 @@
+import { Meta, ColorPalette, ColorItem } from "@storybook/addon-docs";
+import tokens from "../dist/tokens.json";
+import { ColorSearch } from "@nl-design-system-unstable/theme-toolkit/src/ColorSearch";
+import { ColorTable } from "@nl-design-system-unstable/theme-toolkit/src/ColorTable";
+import config from "../src/config.json";
+
+<Meta title={`${config.name}/Color`} />
+
+# Color
+
+## Find a color
+
+<ColorSearch tokens={tokens[config.prefix]["color"]}></ColorSearch>
+
+## Color palette
+
+<ColorTable tokens={tokens[config.prefix]["color"]}></ColorTable>

package/municipalities/zutphen-design-tokens/documentation/components.stories.mdx

@@ -0,0 +1,11 @@
+import { Meta, Story } from "@storybook/addon-docs";
+import { ComponentStories } from "@nl-design-system-unstable/theme-toolkit/src/ComponentStories";
+import config from "../src/config.json";
+
+<Meta title={`${config.name}`} />
+
+# Components
+
+<Story name="Components">
+  <ComponentStories config={config} />
+</Story>